一文带你了解var、let和const

var变量声明

var是用于声明变量，声明的变量挂载在window下。

console.log(i,window.i)
if(true){
    var i = 10;
}
console.log(i,window.i )

我们可以看到变量声明提前，在if外任意可以访问。

let变量声明

let声明的变量不会挂载在window下，新增了块级作用域，在ES6以前只有函数作用域和全局作用域。

if(true){
    let i = 10;
    console.log(i,window.i )
}
console.log(i)

在window中不存在i，且在let声明的块级作用域下才可访问，在块级作用域外无法访问，这样做不会造成变量污染。

console.log(i)
let i = 10;

值得一提的是在网络上大多说的是let不会有声明提前，当然这只是人看到的效果，实际有声明提前在暂时性死区中 Uncaught ReferenceError: Cannot access 'i' before initialization（暂时性死区）

const常量声明

和let的不同的地方时const是用于常量声明，常量是不可变化的量，必须定义和复制，所有常量一经定义，就不允许被修改，也不允许改变空间的地址。

当我们定义未赋值时报错

const a;

当我们尝试修改常量时报错。

const a = 123;
a = 456;

总结

var过多的使用容易造成变量污染，我们日常开发中尽可能的使用ES6中的let和const。
let和const是不允许重复声明的。
let的声明会形成块级作用域，不会造成变量的污染。
常量比变量的效率要高，能使用const就是用const，不能使用const就用let。