一、变量提升
A、用var声明的变量,会在其作用域中发生变量提升,js默认给变量一个undefined值。
B、在ES6中使用let/const声明的变量,不存在变量提升过程。也就是说,在使用let/const声明的变量,声明前访问它,都会报错。
1 { 2 var value=10; 3 let count=10; 4 } 5 console.log(value); //10 6 console.log(count); //引用错误
二、暂时死区
如果在let声明前使用变量,这段区域被称为"临时死区"if (true) { // 死区开始 value = 10; console.log(value); // 死区结束 let value; }
三、重复声明
A、let 和 const 命令声明的变量不允许重复声明;
B、而使用var声明变量,可以多次重复声明一个同名变量,但最终变量的值为最后一次声明赋值的结果。
1 var a = 10; 2 var a = 'abc'; 3 var a = 'last value'; 4 console.log(a); // last value
四、作用域
在循环中 var会导致后续使用 i 引起干扰 而 let 不会 防止干扰1 for (let i = 0; i < 10, i++) { 2 console.log(i); 3 } 4 console.log(i); //var声明 则10 ; let声明 报错如果在循环体内设置函数方法,体外输出var会得到不想要的值
1 var list=[]; 2 for (var i = 0; i < 10; i++) { 3 list[i]=function(){ 4 console.log(i); 5 } 6 } 7 list[5](); //结果永远是10解决方法 将var改为let
1 var list=[]; 2 for (let i = 0; i < 10; i++) { 3 list[i]=function(){ 4 console.log(i); 5 } 6 } 7 list[5]();
五、const常量
- 1 const声明的作用是:创建一个只读的常量,一旦声明不可改变
- 2 和let声明一样,const声明的常量无法提升,也存在临时死区
- 3 和let不同的是,const声明后必须赋值,否则会报错
const PI=3.14; console.log(PI);