一、没有声明提升
用let来声明变量时,不会将声明提升到最顶部。
console.log(val); // 0var val = 0;console.log(a); // Cannot access 'a' before initializationlet a = 1;
注意: let声明的变量不会被挂载到window对象上。
let a = 1;console.log(a); // 1console.log(window.a); // undefined
二、块级作用域
ES6中存在块级作用域,let仅在代码块内有效。(用大括号括起来的区域就是代码块,引擎会自动识别它。)
{ var val = 0; let a = 1; console.log(a); // 1 (在内部可以被访问到)}console.log(val); // 0console.log(a); // ReferenceError: a is not defined (到了外部就不存在了)
(function() { var a = 1; console.log(a); // 1})();console.log(a); // ReferenceError: a is not defined
三、暂时性死区(temporal dead zone)
在使用let的代码块中的变量会绑定在当前的块级作用域中,不受外部作用域干扰。
let a = 0;{ console.log(a); let a = 10;}
在变量用let声明之前都是不可以用的。(let没有声明提升)
这种语法就叫做暂时性死区。
简而言之,块级作用域内用let声明的变量不可以在声明之前使用。
四、不允许重复声明变量
在同一作用域中,let只能声明一次。
let a = 1;let a = 5;console.log(a); // SyntaxError: Identifier 'a' has already been declared
五、for循环计数器一个问题for(var i = 0; i < 10; i++) { setTimeout(function() { console.log(i); }, 1000);}
![](https://i-blog.csdnimg.cn/blog_migrate/0cdfbfa374fefb70d47778c447b2db83.png)
第一,var声明的i可以在全局访问到,因此可能会出现覆盖现象。
第二,for循环内的计数器是异步执行的。
综合以上两点,1秒后执行10个setTimeout函数,因为i是定义在全局作用域上的,因此,变量i早就被覆盖成了10。
于是打印出10个10。
解决方案一:立即执行函数
那么解决这种问题,我们首先想到的就是立即执行函数(IIFE)。
立即执行函数也叫自执行函数,它的作用就是封装私有变量,防止全局变量受污染。
for(var i = 0; i < 10; i++) { (function(j){ setTimeout(function() { console.log(j); }, 1000); })(i);}
![](https://i-blog.csdnimg.cn/blog_migrate/30d67c83f0d060ea2f21bcf3f0b72924.png)
解决方案二:let
for(let i = 0; i < 10; i++) { setTimeout(function() { console.log(i); }, 1000);}