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;
网友评论