es6中容易忽视的细节（一）

你可能不知道的let与const

---

let

• var声明的变量会发生变量提升，在var声明之前调用该变量会数处undefined,但是let声明的变量不会发生提升，在声明之前调用就会报错

  // var 的情况
  console.log(foo); // 输出undefined
  var foo = 2;
  
  // let 的情况
  console.log(bar); // 报错ReferenceError
  let bar = 2;

• let不允许在相同的作用域内声明相同的变量否则会报错

   // 报错
  function func() {
    let a = 10;
    var a = 1;
  }

• 块级作用于有以下两个用处
  内层变量覆盖外层变量

  var tmp = new Date();  
  
  function f() {
    console.log(tmp);
    if (false) {
      var tmp = 'hello world'; // 这里会发生变量提升
    }
  }
  
  f(); // undefined

  用来计数的循环变量泄露为全局变量

  var s = 'hello';
  
  for (var i = 0; i < s.length; i++) {
    console.log(s[i]);
  }
  
  console.log(i); // 5

函数声明与变量声明的潜规则

• 允许在块级作用域内声明函数(es6规定的在严格模式下只有在{}内部才可以声明函数)
• 函数声明类似于var，即会提升到全局作用域或函数作用域的头部。

• 同时，函数声明还会提升到所在的块级作用域的头部，优先于变量的声明

  funtion fun(){};
  var fun;   // 这里不管先声明谁fun输出的永远都是函数
  fun  //f fun(){}

---

const

• const声明的常量声明就必须初始化也就是必须赋值，否则就会报错(若是定义引用类型数据则可以改变并不会报错)

  const obj = {a:{b:2}}
  a.b=3
  obj    // {a:{b:3}}

• 同let声明的变量一样，const不能重复声明同一变量，同时const也是块级作用域

---

小结与扩展

• const保证的实际上并不是变量的值不可改变，而是指变量存放的地址不可改变，对于简单的数据类型（数字，字符串，boolean）值就保存在变量指向的那个地址（栈区），所以是不可改变的。
• 但是对于复杂类型的数据（数组、对象），保存的是一个指针，真正的数据是存储在堆区，只能保证这个指针不会变化，不能保证里面的数据不发生变化
• es6的变量声明方式：var function let const import export
• 在es5中声明的全局变量是和顶层对象的属性对等的

• 获取全局对象的方法

  var getGlobal = function () {
    if (typeof self !== 'undefined') { return self; }
    if (typeof window !== 'undefined') { return window; }
    if (typeof global !== 'undefined') { return global; }
    throw new Error('unable to locate global object');
  };