let 命令-阮一峰ES6入门标准笔记

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 ;//不报错

}

}

猜你喜欢

转载自blog.csdn.net/J_aSON_/article/details/106005194
今日推荐