let和const的区别
相同点:
0、ES6中的命令,声明的变量或常量不再是全局变量的属性或方法。
let a=0 window.a//'undefined'
1、都是命令
2、块级作用域,块之外访问会报错
3、不能变量提升,在声明之前访问会报错
4、不允许在同一快中重复声明(let,const一样)
//可以在{}中在声明,不同的块
function d (b){
const a=1
{ const a=0
console.log(a)
}
}
d()
function d (a){
const a=1//SyntaxError: Identifier 'a' has already been declared
console.log(a)
}
d()
function d (b){
const a=1//SyntaxError: Identifier 'a' has already been declared
const a=8
console.log(a)
}
d()
5、暂时性死区,所声明的变量或者常量会绑定到该区块,不再受外部影响
//暂时性死区
var a=0;
for(let i=0;i<2;i++){
console.log(a)//ReferenceError:
const a=0
}
var b=0;
for(let i=0;i<2;i++){
console.log(b)//ReferenceError:
let b=0
}
不同点:
1、let声明的是变量,const声明的是常量,只读,修改值会报错,const保存的是内存地址,可以给对象或数组添加属性或元素,但是不能重新复写。
const obj={}
obj.a=1//正常
obj={}//错误
const arr=[]
arr.push(0)//可以
arr=[2]//重新赋值报错
补充:为甚需要块级作用域
场景一,内层变量可能会覆盖外层变量
var tmp = new Date();
function f() {
console.log(tmp);
if (false) {
var tmp = 'hello world';
}
}
f(); // undefined
上面代码的原意是,if代码块的外部使用外层的tmp变量,内部使用内层的tmp变量。但是,函数f执行后,输出结果为undefined
,原因在于变量提升
,导致内层的tmp
变量覆盖
了外层的tmp变量
。
第二种场景,用来计数的循环变量泄露为全局变量。
var s = 'hello';
for (var i = 0; i < s.length; i++) {
console.log(s[i]);
}
console.log(i); // 5
上面代码中,变量i
只用来控制循环,但是循环结束后,它并没有消失,泄露成了全局变量。
参考资料:let 和 const 命令