javascript基础学习系列九：let声明

1. var 声明提升：

使用 var 时，下面的代码不会报错。这是因为使用这个关键字声明的变量会自动提升到函数作用域顶部:

function foo() {
  console.log(age);
  var age = 26;
}
foo();  // undefined

之所以不会报错，是因为 ECMAScript 运行时把它看成等价于如下代码:

function foo() {
var age;
  console.log(age);
age = 26; }
foo();  // undefined
6 7 8

这就是所谓的“提升”(hoist)，也就是把所有变量声明都拉到函数作用域的顶部。

---

2. let声明：

let 跟 var 的作用差不多，但有着非常重要的区别。最明显的区别是，let 声明的范围是块作用域， 而 var 声明的范围是函数作用域。

if (true) {
  let age = 26;
  console.log(age);
}
console.log(age);
// 26

在这里，age 变量之所以不能在 if 块外部被引用，是因为它的作用域仅限于该块内部。块作用域 是函数作用域的子集，因此适用于 var 的作用域限制同样也适用于let。

let 也不允许同一个块作用域中出现冗余声明。这样会导致报错:

var name;
    var name;
    let age;
letage; //SyntaxError;标识符age已经声明过了

当然，JavaScript 引擎会记录用于变量声明的标识符及其所在的块作用域，因此嵌套使用相同的标 识符不会报错，而这是因为同一个块中没有重复声明:

    var name = 'Nicholas';
    console.log(name);    // 'Nicholas'
    if (true) {
      var name = 'Matt';
      console.log(name);  // 'Matt'
    }
    let age = 30;
    console.log(age);    // 30
    if (true) {
let age = 26;
      console.log(age);  // 26
    }

对声明冗余报错不会因混用 let 和 var 而受影响。这两个关键字声明的并不是不同类型的变量， 它们只是指出变量在相关作用域如何存在。

3. 全局声明：

与 var 关键字不同，使用 let 在全局作用域中声明的变量不会成为 window 对象的属性(var 声 明的变量则会)。

 var name = 'Matt';
console.log(window.name); // 'Matt'
let age = 26;
console.log(window.age);  // undefined

不过，let 声明仍然是在全局作用域中发生的，相应变量会在页面的生命周期内存续。因此，为了避免 SyntaxError，必须确保页面不会重复声明同一个变量。