解释“（变量）提升”

提升是用于解释你代码中变量声明行为的一个术语。使用var关键字声明或初始化的变量将会将其声明“移动”到其模块/函数级别范围的顶端。我们把它成为变量提升。然而，只有声明被提升，赋值（如果有的话）将留在原地。

请注意，声明实际上并没有被移动--JavaScript 引擎在编译过程中解析了声明，并意识到了声明及其作用域。通过视觉将声明置于其作用域之首，更容易理解这种行为。让我们用几个例子来解释。

console.log(foo); // undefined
var foo = 1;
console.log(foo); // 1

函数声明的主体提升到顶端，而函数表达式(以变量声明的形式写成) 只有变量声明被提升到顶端。

// Function Declaration
console.log(foo); // [Function: foo]
foo(); // 'FOOOOO'
function foo() {
  console.log('FOOOOO');
}
console.log(foo); // [Function: foo]

// Function Expression
console.log(bar); // undefined
bar(); // Uncaught TypeError: bar is not a function
var bar = function () {
  console.log('BARRRR');
};
console.log(bar); // [Function: bar]

通过 let 和 const 声明的变量也被提升。然而，与var 和 function不同的是，在声明导致ReferenceError 例外之前，它们没有初始化并访问它们。该变量处于从代码块开始直到声明被处理时的一个“暂时性死区”。

x; // undefined
y; // Reference error: y is not defined

var x = 'local';
let y = 'local';

指南

学习计划

法律声明

公司