A.let:
1.let修饰的变量不能重复声明
let a=10
let a=11 //错误,let修饰的变量不能重复声明
2.其为块级作用域,举个非常简单的例子
{
let a=10
}
console.log(a)//在这里会报错,因为let只存在于{}块级作用域当中
3.不存在变量提升,也就是变量的声明不能放在使用的后面。例如:
console.log(a)
a=10 //在这里输出的时候其会报错,因为不存在变量提升,变量的使用在声明的前面
4.不影响作用域链
{
let a=10
functon fun(){
console.log(a)
}
fun() //在这里调用fun()函数的时候,首先在fun()作用域当中是不存在a这个定义的变量的,所
以其会跑到掐灭去寻找a这个变量
}
5.在for循环里面就非常适合使用let来遍历,举个简单的例子
这个是let修饰的for循环
for (let i = 0; i < 10; i++) {
// ...
}
console.log(i);
// ReferenceError: i is not defined
这个是var修饰的for循环,这个时候他就会输出10而不是输出6
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。
6.暂时性死区:
在一个块级作用域当中使用let,那么会导致变量绑定这个区域,不再受其他区域的影响
var a=10;
{
while(true){
a=11 // ReferenceError
let a
}
}
在上面会报错ReferenceError,因为在这里let a已经绑定了a,导致外面的var a=10在这个{ }块级作用域当中无法使用,所以这个时候在块级作用域当中a的使用比定义还要前面,所以会报错ReferenceError.
B.const:
1.一定要赋初始值
const a 如果不赋值那么其就会报错
2.const修饰的常量的值不能随意修改
3.有块级作用域(类似前面所说的let的块级作用域属性)
4.在修饰变量的时候变量一般会使用大写(这是默认的潜规则)
5.对数组和对象进行修饰的时候,如果改变数组或者对象的值,那么其不会报错
const a=['lao','zhi','chi']
a.push('liulijuan') //在这里其不会报错