《ES6标准入门》学习笔记 - let、const、var

let声明的变量只在当前作用域有效，var声明的作用域，在全局范围内都有效

// 简单测试let命令，只在当前作用域中有效

// let命令只在当前作用域有效
{
    let a = 10;
    var b = 20;
}
// ReferenceError: a is not defined
a
b

在循环中，let声明的变量，只在循环体中有效，而var声明的变量，在全局都有效，可能会造成变量泄露

在循环体之外，使用变量i，引发异常：

// 在for循环中，let声明的变量，作用域只在循环体中有效
for (let i =0; i < 10; i ++) {
    // 输出0
    // 1
    // 2
    // 3
    // 4
    // 5
    // 6
    // 7
    // 8
    // 9
    console.log(i)
}

// 作用域之外，引发ReferenceError
console.log(i)

如果循环体中，用var声明的计数器，在循环体之外也可以访问：

for (var x =0; x < 10; x ++) {
    // 输出0
    // 1
    // 2
    // 3
    // 4
    // 5
    // 6
    // 7
    // 8
    // 9
    console.log(x)
}

// var声明的变量，作用域的全局的，所以不会引发异常
console.log(x)

var 声明的变量，会提升到全局作用域或函数作用域的顶部，即变量提升

/*
因为变量提升，内层的tmp变量覆盖了上层的tmp变量。
es6中，为了保证向下兼容性，var声明的变量仍然保持了变量提升。

es5中只有函数作用域和全局作用域，var声明的变量，经过变量提升后，
变成在全局作用域和函数作用域的最顶端进行声明。
*/

/*
在下面的例子中，f()函数，会把var tmp提升到函数作用域的顶部进行声明，
相当于，所以console.log会输出undefined。
function f() {
    var tmp;
    console.log(tmp);
    if (false) {
        var tmp = 'hello world';
    }
}
*/


var tmp = 'hello es6';

function f() {
    console.log(tmp);
    if (false) {
        var tmp = 'hello world';
    }
}

f();


var s = 'hello';

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

// var 声明的是全局变量，导致用来计数的循环变量，泄露成全局变量
console.log(i)

let 和 const 声明的变量，在同一个块级作用域内，不允许重复声明。

函数的形参，也可以理解为在函数作用域内，使用let声明一个局部变量，所以也不允许在函数作用域内，重复声明与函数形参同名的变量。

// let不允许在相同的作用域内，重复声明同个变量

{
    let a = 10;
    // Identifier 'a' has already been declared
    let a = 20;
}

// 对于函数的形参，也不能重复声明
function func(arg){
    let arg;
}

暂时性死区

在某个作用域内，使用let、const声明了某个变量，那么在这个变量声明之前，不允许访问这些变量，否则会出现异常，这个称之为暂时性死区（temporal dead zone）。

// 测试暂时性死区

// 如果在某个作用域内，使用let、const等声明了某个变量
// 那么在这个变量声明之前，不能对使用这些变量，否则会出现异常，称之为暂时性死区

console.log(x);
var x;

// 报错，暂时性死区
console.log(y);
let y;