JS预编译

弄懂预编译对于函数执行的顺序判断很重要

JS的运行三部曲

1.语法分析（也就是通篇扫描检查下是否有语法错误）

2.预编译

3.解释执行

预编译

1.首先对于预编译的两条抽象解释被用作方法（但是太复杂的语句没有办法解释，如函数名、参数名、变量名相同时）

（1）函数声明整体提升

无论函数声明放在哪里，在预编译时都会被整体提升至最开始。

例：text（）;

function  text();

在预编译时会把函数声明整体提升，所以text（）不是未声明的，可以执行。

 

（2）变量   声明提升

变量的声明提升只提升声明，也就是说不会把后面的赋值也提升。

例：console.log(a);

var a=10;

结果为undefined

2.真正可以解决复杂问题的两条办法

（1）imply global（暗示全局变量）：任何变量，如果变量未经声明就赋值，此变量就为全局对象所有。

（2）一切声明的全局变量，全是window的属性

3.预编译发生在函数执行的前一刻

 

预编译的四个步骤：

1.创建AO（函数作用域对象）对象

2.找形参和变量声明，将变量和形参名作为AO属性名，值为undefined

3.将实参值和形参统一

4.在函数体里面找函数声明，值赋予函数体

例题：

1.

function bar(){

        return foo;

        foo = 10;

        function foo(){

 

}

        var foo = 11;

}

console.log(bar());---------------->function foo()

 

2.

console.log(bar());----------------->11

function bar(){

        foo = 10;

        function foo(){

 

}

        var foo = 11;

        return foo;

}

 

补充：

（Global Object）GO===window，先AO再GO