let和const的区别

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 命令