变量提升和函数提升

2018-05-31  本文已影响0人  静候那一米阳光

摘自《你不知道的JavaScript上卷》KYLE SIMPSON著

变量提升

引擎会在解释 JavaScript 代码之前首先对其进行编译。编译阶段中的一部分工作就是找到所有的声明,并用合适的作用域将它们关联起来。

所以,包括变量核函数在内的所有声明都会在任何代码被执行前首先被处理。

var a = 2;

JavaScript 实际上会将其看成两个声明:var a;a = 2;。第一个定义声明是在编译阶段进行的,第二个赋值声明会被留在原地等待执行阶段。

函数提升

函数声明会被提升,但是函数表达式却不会被提升。

foo();
bar();

var foo = function bar(){
    //...
}

会被理解为:

var foo;
foo();
bar();
foo = function() {
    var bar = ...self...
    //...
}

函数优先

函数会被优先提升,然后才是变量。

【1】

foo(); //1
var foo;
function foo(){
    console.log(1);
}

foo = function(){
    console.log(2);
}

【2】

var a=1;function a(){} //1
var a;function a(){} //f a(){}

【3】

foo();//3
function foo(){
    console.log(1);
}
var foo = function(){
    console.log(2);
}
function foo(){
    console.log(3);
}

【4】

foo(); //'b'  根据书上写的。一个普通块内部的函数声明通常会被提升到所在作用域的顶部。   chrome的结果是foo is not a function
var a = true;
if(a){
    function foo(){console.log('a');}
}else{
    function foo(){console.log('b');}
}
上一篇 下一篇

猜你喜欢

热点阅读