1.说在let var const之前要引入的是块级作用域
ES5 只有全局作用域和函数作用域,没有块级作用域,这带来很多不合理的场景。
块级作用域包括{},if语句和for语句里面的{}
2.var
1.var定义的变量,没有块的概念,可以跨块访问, 不能跨函数访问。
2.可以重复声明,后面的会覆盖前面的。
3.存在变量提升(即未初始化会输出undefined,不报错)。
{
var b = 1;
}
b // 1
{
var a=1;
var a=2;
}
a // 2
console.log(foo); // 输出undefined
var foo = 2;
3.let
1.let是块级作用域,在块内使用对块外没有影响
2.let不允许重复声明,会报错。
3.不存在变量提升.
4.暂时性死区
{
let a = 10;
}
a // ReferenceError: a is not defined.
{
let a=1;
let a=2;
} //报错
console.log(bar); // 报错ReferenceError
let bar = 2;
暂时性死区:只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。
if (true) {
// TDZ开始
tmp = 'abc'; // ReferenceError
console.log(tmp); // ReferenceError
let tmp; // TDZ结束
console.log(tmp); // undefined
tmp = 123;
console.log(tmp); // 123
}
4.const
1.声明一个只读的常量。一旦声明,常量的值就不能改变。
2.const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值。
3.只能在块作用域里访问,存在暂时性死区,不存在变量声明提前,不允许重复定义
const PI = 3.1415;
PI // 3.1415
PI = 3;
// TypeError: Assignment to constant variable.
const foo;
// SyntaxError: Missing initializer in const declaration