在 JavaScript 中用 var, let, 以及 const 有什么差別？什么时候该用哪个？

若不了解 JS 原生值和对象，可以看如下博客JavaScript有哪些数据类型？如何判断一个变量的数据类型？

在 JavaScript 中用 var, let, 以及 const 有什么差別？什么时候该用哪个？

var、let 和 const 是 JavaScript 中用于声明变量的关键字，在 JavaScript 早期只有var，直到 ES2015 (ES6) 时才加入了let与const

他们之间主要有 4 点不同

• 作用域不同
• 声明上不同
• 变量提升上不同
• const 不允许重新赋值

详细来说，

1.作用域不同

2.声明上不同

3.变量提升不同

4.const 不允许重新赋值（rebind）

接下来将会一一展开介绍：

1.作用域不同

在作用域上，var可以是全域、也可以是以函数作为范围，let和const則是以区块作为范围。当我們在一个文件的最外层使用var来宣告变量，这时它的范围就是全局，因此当我们在 console 中输入

var greeting = "hello"; window.greeting; // "hello"

其结果是 hello，但是用 let和 const 声明则不会有同样效果，var 除了在全局作用域，var 在某个函数中的范围就是该函数

2.声明上不同

var 可以重复声明

vargreeting="Hello! This ExplainThis :)";vargreeting="ExplainThis is a website that helps you learn programming!";

let 可以重新赋值（rebind），但是不能被重复声明

// 不行！不然会有 SyntaxError: Identifier 'greeting' has already been declaredletgreeting="Hello! This ExplainThis :)";letgreeting="ExplainThis is a website that helps you learn programming!";// 可以letgreeting="Hello! This ExplainThis :)";greeting="ExplainThis is a website that helps you learn programming!";

3.变量提升不同

var 变量提升， 自动初始化

console.log(greeting);// undefinedvargreeting="hi there";

但是let和const则不会，而是會進到暂时死区 (TDZ)，因此在let和const声明变量前使用该变量，会出现错误：

console.log(greeting);// Uncaught ReferenceError: greeting is not definedletgreeting="hi there";

补充：

4.const 不允许重新赋值（rebind）

const obj = { a: 1 } obj.a = 2 // ✅ 可以 obj.b = 3 // ✅ 可以 obj = { a: 100 } // 不可以，不能 rebind const string="hello world" string="hello js" //不可以，不能 rebind

let 是可以的，当然了 var 也可以

延伸问题：什么时候该用 let ? 什么时候用 const

没有一个标准答案，业界目前普遍的观点是多数时候使用 const，要重复赋值（rebind）的才用 let。