简述ES var、let、const之间的区别？

八股文_ES67 0 39

参考回答

在ES6之前，JavaScript中只有 var 用来声明变量，但它存在一些问题，如作用域不清晰和提升现象。ES6引入了 let 和 const，它们提供了更好的方式来声明变量。三者的主要区别如下：

var：
- 作用域：var 是函数作用域或全局作用域的，不能声明块级作用域变量。
- 变量提升：使用 var 声明的变量会发生提升，即变量声明会被提升到作用域的顶部，但初始化赋值仍然保持在原位置。
- 重新声明和赋值：var 允许在同一作用域中重复声明和赋值同一个变量。
let：
- 作用域：let 是块级作用域的，它仅在代码块内部有效，避免了 var 的作用域污染问题。
- 变量提升：let 也会发生提升，但不会像 var 那样初始化为 undefined。在声明之前访问变量会导致错误（称为“暂时性死区”）。
- 重新声明和赋值：let 不允许在同一作用域内重新声明同一个变量，但可以重新赋值。
const：
- 作用域：const 和 let 一样，属于块级作用域。
- 变量提升：const 也会发生提升，且也存在“暂时性死区”问题。
- 不可重新赋值：const 用来声明常量，声明后不能再重新赋值。但是，如果声明的是对象或数组，内部的属性或元素是可以修改的，但不能重新赋值整个对象或数组。

示例

var 示例：

var x = 10;
console.log(x); // 输出：10
var x = 20;  // 允许重新声明
console.log(x); // 输出：20

let 示例：

let y = 10;
console.log(y); // 输出：10
let y = 20;  // 会报错：Identifier 'y' has already been declared
y = 30;      // 允许重新赋值
console.log(y); // 输出：30

const 示例：

const z = 10;
console.log(z); // 输出：10
z = 20;  // 会报错：Assignment to constant variable.

const obj = { name: "John" };
obj.name = "Jane";  // 允许修改对象内部属性
console.log(obj); // 输出：{ name: "Jane" }

详细讲解与拓展

作用域
- var 声明的变量在函数内或全局范围内都能访问，不受块级作用域限制。这种特性容易导致意外的变量覆盖和作用域问题。
- let 和 const 都是块级作用域，这意味着它们只在它们被定义的代码块中有效。这样能更清晰地定义变量的作用范围，减少变量冲突。
提升行为
- var 声明的变量会被提升到作用域的顶部，初始化值为 undefined，这可能导致一些难以察觉的错误。
- let 和 const 也会被提升，但它们在声明之前不能访问，访问会抛出错误。这种行为称为“暂时性死区”（TDZ, Temporal Dead Zone），它使得开发者能够更早地捕捉到潜在的错误。
重新赋值与重新声明
- var 允许在同一作用域中多次声明和赋值，这可能导致不必要的错误或覆盖。
- let 允许重新赋值，但不允许在同一作用域中重新声明。
- const 不允许重新赋值，也不允许重新声明。如果尝试给 const 声明的变量重新赋值，会导致错误。对于对象或数组，const 保证的是对变量的绑定不变，但可以修改其内部的值或元素。

总结

var：函数作用域或全局作用域，支持变量提升，可以在同一作用域内多次声明和赋值。
let：块级作用域，支持变量提升，但不会初始化为 undefined，不允许重复声明但允许重新赋值。
const：块级作用域，支持变量提升，但不能重新赋值，常用于声明常量或不可变的绑定。

使用 let 和 const 可以更好地控制作用域和变量的可变性，减少错误，因此它们在现代 JavaScript 编程中成为了推荐的选择。

参考回答

示例

详细讲解与拓展

总结

发表评论 取消回复

发表评论取消回复