提升
变量
先看两段代码
// 第一段
a = 2;
var a;
console.log( a ); // 2
// 第二段
var a;
console.log( a ); // Undefined
a = 2;
正确的思考思路是,包括变量和函数在内的所有声明都会在任何代码被执行前首先被处理。
当你看到 var a = 2; 时,可能会认为这是一个声明。
但 JavaScript 实际上会将其看成两个声明:var a; 和 a = 2;。
- 第一个定义声明是在编译阶段进行的。
- 第二个赋值声明会被留在原地等待
执行阶段。
所以两段代码的正确执行顺序:
// 第一段
var a;
a = 2;
console.log( a );// 2
// 第二段
var a;
console.log( a );// Undefined
a = 2;
函数优先
函数声明和变量声明都会被提升。但是一个值得注意的细节(这个细节可以出现在有多个“重复”声明的代码中)是函数会首先被提升,然后才是变量。
考虑以下代码:
foo(); // 1
var foo;
function foo() {
console.log( 1 );
}
foo = function() {
console.log( 2 );
};
会输出 1 而不是 2 !这个代码片段会被引擎理解为如下形式:
function foo() {
console.log( 1 );
}
foo(); // 1
foo = function() {
console.log( 2 );
};
注意,var foo 尽管出现在 function foo()...
的声明之前,但它是重复的声明(因此被忽略了),因为函数声明会被提升到普通变量之前。