来源:https://blog.csdn.net/qq_43004614/article/details/90697463
在ES5中,声明变量只有var 和function两种方式,但因为var声明的变量会有一定的缺点(作用域内的变量会覆盖作用域外的变量和循环中声明的计数变量泄露为全局变量),因此es6后新增let和const两种声明变量方式
1. 什么时候提出的
var是ES5提出的,let、const是ES6提出的
2. 是否存在变量提升
var声明的变量存在变量提升(将变量提升到当前作用域顶部),既变量可以在声明前调用,值为undefined。
let和const不存在变量提升,它们声明的变量需要在声明后调用,否则会报ReferenceError错误
console.log(f) //undefined
var f = 1 ;
console.log(g) //ReferenceError: g is not defined
let g = 2;
console.log(h) //ReferenceError: g is not defined
const h = 2;
3. 是否存在暂时性死区
let和const存在暂时性死区,只要在块级作用域内存在let变量,它所声明的变量就绑定(binding)这个区域,不再受外部的影响。
var tmp = 123;
if (true) {
tmp = 'abc'; // ReferenceError
let tmp;
}
// 以上代码if后面{}形成了块级作用域,由于使用let声明了tmp
// 则这个变量就绑定了块区域,在声明之前使用,会报错。
4. 是否允许重复声明变量
var允许重复声明变量,let和const不允许在同一作用域重复声明变量
var f = 4;
var f = 5;
console.log(5) //5
let g = 6;
let g = 7;
console.log(g) //SyntaxError: Identifier 'g' has already been declared
const h = 8;
const h = 9;
console.log(h) //SyntaxError: Identifier 'g' has already been declared
5. 是否存在块级作用域
var不存在块级作用域,let和const存在块级作用域
ES5中作用域有全局作用域和函数作用域,没有块作用域的概念,因此也有一系列的问题
//1,内层变量可能覆盖外层变量的问题
var a = 2;
function fun(){
console.log(a) //undefined
if(false){
var a = 3;//变量提升带来的,尽管存在块级作用域,但是var声明的变量会跨越这个域。
}
}
fun()
//2,用来计数的循环变量泄露为全局变量。
var s = 'hello';
for (var i = 0; i < s.length; i++) {
console.log(s[i]);
}
console.log(i); // 5 i循环结束后,泄露成了全局变量
ES6中新增了块级作用域,块作用域由{}包括,if和for语句中的{}也属于块级作用域
//1,解决内层变量可能覆盖外层变量的问题
var b = 2;
function fun1(){
console.log(b) //2 访问的外层变量
if(false){
let b = 3;//不存在变量提升,变量存在于块级作用域之中。
}
}
fun1()
//2,解决用来计数的循环变量泄露为全局变量。
var s1 = 'hello';
for (let j = 0; j < s1.length; j++) {
console.log(s1[j]); //j存在于块级作用域之中,和其绑定
}
console.log(j); // 报错 j is not defined
6. 是否能修改声明的变量
var和let可以
const声明一个只读的常量,一旦声明,常量的值就不可改变,这意味着const声明时就必须初始化
const f = 10;
// f= 11;
// console.log(f) //报错 不能进行重复声明
const obj = {
name: '小明',
age: 18
}
obj.age = 20
console.log(obj) //{ name: '小明', age: 20 }
//const声明常量,不允许对变量重新赋值。对于引用类型的值而言,只要在栈内存保存的地址值不变即可。