70 lines
1.3 KiB
Markdown
70 lines
1.3 KiB
Markdown
# 预编译
|
||
### 预编译类型
|
||
* 全局预编译 （GO）
|
||
* 局部预编译 （AO）
|
||
### 预编译发生的时间点
|
||
* 全局预编译 发生在 整个页面加载完成
|
||
* 局部预编译 发生在 函数执行的前一刻
|
||
|
||
### 预编译过程
|
||
* GO:
|
||
1.先找变量和函数声明 赋值为undefined
|
||
2.扫描执行后 变量赋值
|
||
3.寻找函数声明 并把函数体赋给函数
|
||
4.执行
|
||
* AO
|
||
1.先找变量和形参
|
||
2.实参和形参相统一
|
||
3.寻找函数声明 并把函数体赋给函数
|
||
4.执行
|
||
函数表达式会在实参和形参相统一的步骤中完成赋值
|
||
|
||
```
|
||
function a (val) {
|
||
var name = val
|
||
// c=0 这里的c是全局变量 window.c 能访问到
|
||
function b () {}
|
||
var d=function(){} //d是一个函数表达式
|
||
}
|
||
var str = 'Hello World'
|
||
a(1)
|
||
```
|
||
|
||
分析：
|
||
GO:
|
||
1.找变量和函数声明 （a,str） 并赋值为Undefined
|
||
Go{
|
||
a:undefined,
|
||
str:undefined
|
||
}
|
||
2.执行的过程中 变量赋值
|
||
GO{
|
||
a:undefined
|
||
str:"hello world"
|
||
}
|
||
3.找函数声明
|
||
GO{
|
||
a:function(){}
|
||
str:"hello world"
|
||
}
|
||
|
||
Ao:
|
||
1.先找变量和形参
|
||
AO{
|
||
val:undefined,
|
||
name:undefined，
|
||
d:undefined
|
||
}
|
||
2.实参和形参相统一
|
||
AO{
|
||
val:1,
|
||
name:1，
|
||
d:function(){}
|
||
}
|
||
3.寻找函数声明 并把函数体赋给函数
|
||
AO{
|
||
val:1,
|
||
name:1,
|
||
b:function(){}，
|
||
d:function(){}
|
||
} |