1.let命令
基本用法:
ES6 新增了let 命令,用来声明变量。他的用法类似于var ,但是所声明的变量,只在let命令所在的代码块里有效。
{
let a =10;
var b =1;
}
a // ReferenceError: a is not defined
b// 1
上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果let的声明的变量报错,var声明的变量返回了正确的值。这表明,let声明的变量只在他所在的代码块中有效
for 循环的计数器,就很适合使用let命令
for(let i = 0; i < 10 ; i++)
{
//....
}
console.log(i);
// ReferenceError: i is not defined
上面的代码中,计数器i 只在for 循环体内有效,在循环体外引用就会报错。
下面的代码如果使用var,最后输出的是10。
var a =[];
for(var i = 0 ; i < 10; i ++)
{
a[i] = function (){
console.log(i);
};
}
a[6] (); //10
上面代码中,变量i是var命令声明的,在全局范围内都有效,所以全局只有一个变量i。每一次循环,变量 i 的值都会发生改变,而循环内被赋给数组a的函数内部的console.log( i ),里面的 i 指的就是全局变量 i 也就是说,所有数组 a 的成员里面的 i ,指向的都是同一个 i ,导致运行时输出的是最后一轮的 i 的值,也就是 10 。
如果使用let,声明的变量仅在块级作用域内有效,最后输出的是 6 。
var a =[];
for(let i = 0 ; i < 10; i ++)
{
a[i] = function (){
console.log(i);
};
}
a[6] (); //6
上面代码中,变量 i 是let声明的 , 当前的 i 只在本轮循环有效,所以每一次循环的 i 其实都是一个新的变量 , 所以最后输出的是6。你可能会问,如果每一轮循环的变量 i 都是重新声明的,那他怎么知道上一轮循环的值,从而计算出本轮的值呢?这是因为JavaScript引擎内部会记住上一轮循环的值,初始化本轮的变量 i 时,就在上一轮循环的基础上进行计算。
另外,for 循环还有一个特别之处,就是设置循环变量的那部分是父作用域,花括号里是一个单独的子作用域。
for( let i = 0; i < 3; i++)
{
let i = ‘abc’;
log(i);
}
// abc
//abc
//abc
上面代码正确运行,输出了3次abc。这表明函数内部的变量 i 与循环变量 i 不在同一个作用域,有各自单独的作用域。
let 不存在变量提升, var 有。
let存在暂时性死区(TDZ temporal dead zone)
TDZ 的本质:只要已进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。
在一个作用域内,在let声明tmp之前,都属于tmp的死区
不允许重复声明
Let不允许在相同的作用域内,重复声明同一个变量。
//报错
function func()
{
let a = 10;
var a = 1 ;
}
//报错
function func()
{
let a = 10;
let a = 1 ;
}
因此,不能再函数内重复声明参数
function func(a)
{
let a ;
//报错
}
function func(a)
{
{
let a ;//不报错
}
}