const、 let 和var的区别

最新推荐文章于 2022-04-22 11:26:41 发布

原创最新推荐文章于 2022-04-22 11:26:41 发布 · 4.7k 阅读

17 ·

CC 4.0 BY-SA版权

ES6 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了JavaScript中let和const的新特性，包括它们的块级作用域、不进行声明提升、不允许重复声明、不能与函数重名、不属于window对象以及const的不可变性等关键知识点。

1. const 和 let 具有块级作用域

外层作用域无法读取内层作用域的变量

for(let i=0; i<3; i++){
    //do something···
}
console.log(i);     //--------VM1020:4 Uncaught ReferenceError: i is not defined(…)

2. const 和 let 不会进行声明提升

只能在声明的位置后使用

console.log(a);
let a = 10;     //------VM1694:1 Uncaught ReferenceError: a is not defined(…)

3. const 和 let 不允许在相同的作用域里面重复声明

let a = 1; let a = 2;   //----------VM1800:1 Uncaught SyntaxError: Identifier 'a' has already been declared

4. const 和 let 定义的变量/常量不能和函数重名

let foo = 1; 
function foo(){}; 
console.log(foo);   //----------VM1960:1 Uncaught SyntaxError: Identifier 'foo' has already been declared

5. const 和 let 定义的变量/常量不属于window对象

顶层对象的属性与全局变量挂钩，被认为是JavaScript语言最大的设计败笔之一。即： window既值浏览器窗口，又表示顶层对象。
ES6为了改变这一点，一方面规定，为了保持兼容性，var命令和function命令声明的全局变量，依旧是顶层对象的属性；另一方面规定，let命令、const命令、class命令声明的全局变量，不属于顶层对象的属性。

var a = 10;
let b = 12;
console.log(a,b)    //--------10 undefined

6. const 声明的是只读的常量

声明后不能被修改

const a = 10;
a = 11;     //------VM1547:2 Uncaught TypeError: Assignment to constant variable.(…)