#定义:用来声明变量,作用类似于var。但其作用域范围仅限当前代码块。
ES5 只有全局作用域和函数作用域,没有块级作用域。
ES6 let实际上为 JavaScript 新增了块级作用域。
#例子1
{
let a = 10;
var b = 1;
}
console.log(a);//报错: ReferenceError: a is not defined.
console.log(b);// 1
#例子2 —– for循环之var与let
for (var i = 0; i < 10; i++) {
//i的作用域为for所在代码块内
}
console.log(i); //输出结果:10
for (let i = 0; i < 10; i++) {
//i的作用域为for内部
}
console.log(i);//报错:ReferenceError: i is not defined
#例子3 没有let之前——内层变量可能会覆盖外层变量
var tmp = new Date();
function f() {
console.log(tmp);
if (false) {
var tmp = 'hello world';
}
}
f(); //undefined
console.log(tmp); //2018-08-24T09:01:39.799Z
#例子4 没有let之前——用来计数的循环变量泄露为全局变量。
var s = 'hello';
for (var i = 0; i < s.length; i++) {
console.log(s[i]);
}
console.log(i); // 5
//变量i只用来控制循环,但是循环结束后,它并没有消失,泄露成了全局变量。