深究 var 和 let/const 的区别：深入解析变量声明奥秘

2023-11-04 23:48:51

var 与 let/const 的异同

声明方式的差异

var、let 和 const 具有不同的声明方式。var 声明的变量没有初始化值，而 let 和 const 声明的变量必须初始化。例如：

// var 声明的变量
var a;

// let 声明的变量
let b = 10;

// const 声明的变量
const c = "Hello World";

作用域的差异

var 声明的变量具有全局作用域或函数作用域，而 let 和 const 声明的变量只具有块级作用域。这意味着 var 声明的变量可以在其声明的函数或全局作用域内的任何地方访问，而 let 和 const 声明的变量只能在其声明的块级作用域内访问。例如：

// 全局作用域
var x = 10;

// 函数作用域
function myFunction() {
  var y = 20;
}

// 块级作用域
if (true) {
  let z = 30;
}

console.log(x); // 10
console.log(y); // ReferenceError: y is not defined
console.log(z); // ReferenceError: z is not defined

声明提升的差异

var 声明的变量会发生声明提升，这意味着它们会在代码执行之前被提升到其声明所在作用域的顶部。而 let 和 const 声明的变量不会发生声明提升，它们只能在声明之后使用。例如：

// var 声明的变量会发生声明提升
console.log(a); // undefined
var a = 10;

// let 声明的变量不会发生声明提升
console.log(b); // ReferenceError: b is not defined
let b = 20;

// const 声明的变量也不会发生声明提升
console.log(c); // ReferenceError: c is not defined
const c = 30;

时间复杂度的差异

var 声明的变量具有 O(1) 的时间复杂度，这意味着在任何情况下访问 var 声明的变量的时间都是恒定的。而 let 和 const 声明的变量具有 O(n) 的时间复杂度，这意味着在某些情况下访问 let 和 const 声明的变量的时间可能会随着变量所在的块级作用域的深度而增加。例如：

// var 声明的变量具有 O(1) 的时间复杂度
for (var i = 0; i < 1000000; i++) {
  // ...
}

// let 声明的变量具有 O(n) 的时间复杂度
for (let i = 0; i < 1000000; i++) {
  // ...
}

// const 声明的变量具有 O(n) 的时间复杂度
for (const i = 0; i < 1000000; i++) {
  // ...
}

何时使用 var、let 或 const？

在实际开发中，我们应该根据具体情况选择使用 var、let 或 const。一般来说，如果需要声明一个全局变量或函数作用域的变量，可以使用 var。如果需要声明一个块级作用域的变量，可以使用 let。如果需要声明一个常量，可以使用 const。例如：

// 全局变量
var name = "John Doe";

// 函数作用域变量
function myFunction() {
  var age = 30;
}

// 块级作用域变量
if (true) {
  let job = "Software Engineer";
}

// 常量
const PI = 3.141592653589793;