喝杯茶的时间，掌握 JavaScript 提升技巧

前端

2023-12-08 04:36:51

喝杯茶的时间，搞定 JavaScript 提升

在 JavaScript 中，提升的概念往往令人困惑，但对于理解这门语言及其代码的行为至关重要。提升是指在执行任何代码之前将变量和函数声明提升到其作用域的顶部。

变量提升

在 JavaScript 中，未声明的变量会自动提升为全局变量，而声明但未赋值的变量则提升为 undefined。这意味着你可以随时访问全局变量，而未赋值的变量在使用前会返回 undefined。

函数提升

函数声明也会提升到其作用域的顶部。这意味着你可以随时调用函数，即使在声明之前。

作用域提升

JavaScript 提升的另一个重要方面是作用域提升。这意味着内部函数的作用域被提升到其父作用域的顶部。因此，内部函数可以访问父作用域中的变量。

提升的限制

需要注意的是，提升只适用于变量和函数声明，而不适用于变量或函数表达式。例如：

let x = 10; // 变量声明提升
const y = 20; // 常量声明提升
function add(a, b) { // 函数声明提升
  return a + b;
}

console.log(x); // 输出 10
console.log(y); // 输出 20
console.log(add(1, 2)); // 输出 3

但是：

const z = 30; // 常量表达式不提升
const sum = function(c, d) { // 函数表达式不提升
  return c + d;
};

console.log(z); // 输出 ReferenceError
console.log(sum(1, 2)); // 输出 ReferenceError