預(yù)編譯前奏
- 變量聲明提升
- 通過(guò)var定義（聲明）的變量抒寂，在定義語(yǔ)句之前就可以訪(fǎng)問(wèn)到
- 值：undefined
- 函數(shù)聲明提升
- 通過(guò)function聲明的函數(shù)黄伊，在之前就可以直接調(diào)用
- 值：函數(shù)定義（對(duì)象）
- imply global 暗示全局變量：即任何變量奖蔓，如果變量未經(jīng)聲明就賦值，此變量就為全局對(duì)象所有
//賦值都是自右向左，所以b是未經(jīng)聲明的變量，歸window所有
function test() {
var a = b = 123
}
test()
console.log(window.b) //123
console.log(window.a) //undefined
- 一切聲明的全局變量垂寥，全是window的屬性
預(yù)編譯
- 在全局代碼執(zhí)行前，js引擎會(huì)創(chuàng)建一個(gè)棧來(lái)存儲(chǔ)管理所有的執(zhí)行上下文對(duì)象
- 預(yù)編譯發(fā)生在函數(shù)執(zhí)行的前一刻
function fn(a) {
console.log(a) //function a() {}
var a = 123
console.log(a) //123 此時(shí)變量已經(jīng)提升另锋，a會(huì)被新賦值為123
function a() {}
console.log(a) //123 function a() {}已經(jīng)被提升
var b = function() {}
console.log(b) //function b() {} var b已經(jīng)被提升滞项，b被新賦值為function
function d() {}
}
fn(1)
- 預(yù)編譯過(guò)程中做的事情：
1.創(chuàng)建AO（Activation Object）（執(zhí)行期上下文）
2.找形參和變量聲明，將變量和形參名作為AO屬性名夭坪，值為undefined
AO{
a ：undefined
b ：undefined
}
3.將實(shí)參和形參相統(tǒng)一
AO{
a ：1
b ：undefined
}
4.找函數(shù)體內(nèi)的函數(shù)聲明
AO{
a ：function a() {}
b ：undefined
d ：function d() {}
}
以上這些都是預(yù)編譯之前做的事情文判，所以第一次打印a是個(gè)function，后期賦值操作是在編譯時(shí)期做的室梅，要分清戏仓。
例子1
function test(a,b) {
console.log(a) //1
c = 0
var c
a = 3
b = 2
console.log(b) //2
function b() {}
function d() {}
console.log(b) //2
}
// test(1)
// AO {
// a : undefined,
// b : undefined,
// c : undefined
// }
// -->
// AO {
// a : 1,
// b : function,
// c : undefined,
// d : function
// }
// 到執(zhí)行的時(shí)候：
// AO {
// a : 3,
// b : 2,
// c : 0,
// d : function
// }
例子2
function test() {
console.log(a) //function
console.log(b) //undefined
var b = 234
console.log(b) //234
a = 123
console.log(a) //123
function a() {}
var a
b = 234
var b = function() {}
console.log(a) //123
console.log(b) //function
}
test(1)
// 預(yù)執(zhí)行：
// AO {
// a : undefined,
// b : undefined
// }
// -->
// AO {
// a : 1,
// b : undefined
// }
// -->
// AO {
// a : function
// b : undefined
// }
注：
- 在全局聲明時(shí)與在函數(shù)體聲明的原理一樣疚宇，但是少了實(shí)參與形參相統(tǒng)一的步驟。
- 函數(shù)體生成的是AO對(duì)象赏殃，而全局生成的是GO對(duì)象（Global Object）（GO === window）敷待。
console.log(test) //function
function test(test) {
console.log(test) //function
var test = 234
console.log(test) //234
function test() {}
}
- 自己作用域內(nèi)有自己的變量先尋自己的（就近原則）
function fn() {
console.log(global) //undefined
global = 200
console.log(global) // 200
var global = 300
}
fn()
var global
// GO {
// global : 100
// }
// AO {
// global : undefined
// }
// -->
// AO {
// global : 200
// }
- 預(yù)編譯時(shí)是不會(huì)看條件判斷等語(yǔ)句，依然會(huì)變量聲明提升
function test() {
console.log(b) //undefined
if(a) {
var b = 100
}
console.log(b) //undefined
console.log(c) //234
}
var a
test()
a = 10
console.log(c) //234
