es6的新增语法
1、不存在变量提升
console.log(a); //a is not defined
let a = 100;
let一定要放在变量使用之前
2、使用let关键字声明的变量会出现暂时性死区
var num = 10
if (true) {
console.log(num);
let num = 20;
}
根据let关键字特性,一旦在块级作用域使用let声明的变量,就和块级作用域整体绑定在一起,不会受块级作用域影响。因此外部声明的var num对 if 语句中无影响。而操作是在let声明之前,会报错
3、经典面试题
(1)
var arr = [];
for (var i = 0; i < 2; i++) {
arr[i] = function () {
console.log(i);
}
}
arr[0]();
arr[1]();
变量 i 是全局的,函数执行时输出的都是全局作用域下的值
因此
arr[0] ();
arr[1] ();
两个的函数最后输出的值都是当i = 2 的时候的输出值,都相等。
(2)
let arr = [];
for (let i = 0; i < 2; i++) {
arr[i] = function () {
console.log(i);
}
}
arr[0]();
arr[1]();
由于let关键字声明的变量具有块级作用域,循环执行let关键字声明的变量,在循环结束后,产生了两个块级作用域***(每次循环都会产生一个作用域)***。产生的两个块级作用域都有自己的变量 i ,两个变量互不影响,处于不同的块级作用域。循环结束后,数组中依旧存储了两个函数。
在函数执行时,函数内部还没有自己的变量 i ,需要向上一级作用域中进行查找,本代码中也就是循环产生的块级作用域,因此数组中的两个函数在执行时,要分别去自己对应的块级作用域中查找变量 i 。
因此 arr[0] (); 最后输出0 ; arr[1] (); 最后输出1。