前端面试题72（js中let、var和const区别）

在JavaScript中，let, var, 和 const 都是用来声明变量的关键字，但它们之间存在一些关键的区别：

var

• 作用域: var 声明的变量具有函数作用域或全局作用域。在函数外部声明的 var 变量是全局变量，函数内部声明的 var 变量则是局部变量，但会受到变量提升（hoisting）的影响，即在声明之前就可以访问到该变量，值为 undefined。
• 重复声明: 允许在同一作用域内多次声明同名变量，不会报错，可能会导致意料之外的行为。

let

• 作用域: let 引入了块级作用域的概念，这意味着使用 let 声明的变量只在它被声明的代码块（如if语句、for循环等）中有效。这有助于避免变量泄露到不应该访问它的上下文中。
• 暂时性死区(TDZ): 在变量声明之前访问它会导致引用错误（ReferenceError），这是因为let声明的变量在声明它们的代码块开始时就进入了TDZ。
• 重复声明: 在同一作用域内不允许重新声明同一个 let 变量，否则会抛出语法错误。

const

• 不可变性: const 用于声明一个常量，一旦赋值后就不能再改变。这适用于那些你不希望其值被重新分配的变量。
• 作用域: 类似于 let，const 也具有块级作用域。
• 声明与初始化: 使用 const 声明变量时必须立即初始化，不能留到后面赋值。
• 重复声明: 同样地，在同一作用域内重新声明一个 const 变量会抛出错误。

示例代码

// var 示例
function varExample() {
    var x = 1;
    if (true) {
        var x = 2; // 这将覆盖外层的x
        console.log(x); // 输出2
    }
    console.log(x); // 输出2，因为var变量提升了且被覆盖
}

// let 示例
function letExample() {
    let y = 1;
    if (true) {
        let y = 2; // 这是块级作用域的新变量y
        console.log(y); // 输出2
    }
    console.log(y); // 输出1，因为let有独立的块级作用域
}

// const 示例
function constExample() {
    const z = 3;
    // z = 4; // 这会导致错误，因为const声明的变量不可更改
    console.log(z); // 输出3
}

varExample();
letExample();
constExample();

这些示例展示了 var, let, 和 const 在作用域、可变性和声明规则上的不同之处。