1.提升的概念
簡(jiǎn)單說(shuō)就是在js代碼執(zhí)行前引擎會(huì)先進(jìn)行預(yù)編譯榜配,預(yù)編譯期間會(huì)將變量聲明與函數(shù)聲明提升至其對(duì)應(yīng)作用域的最頂端。
2.變量提升
例:
console.log(a);//undefined
var a = 10;
根據(jù)變量的提升原則盖袭,var a會(huì)被優(yōu)先提升到最前面編譯,但賦值是在運(yùn)行的時(shí)候完成的彼宠。實(shí)際上預(yù)編譯的代碼是:
var a;
console.log(a);
a = 10
3.函數(shù)提升
函數(shù)和變量一樣鳄虱,在編譯階段會(huì)被提升到當(dāng)前作用域最前面編譯,且函數(shù)是一等公民兵志,優(yōu)先編譯函數(shù)醇蝴,如:
console.log(a);//function a(){}
var a = 10;
function a(){}
console.log(a);//10
變量的聲明雖然在函數(shù)聲明之前,但是函數(shù)優(yōu)先被編譯想罕,實(shí)際預(yù)編譯的代碼是:
function a(){}
console.log(a);
a = 10
console.log(a);
函數(shù)提升只會(huì)提升函數(shù)聲明悠栓,而不會(huì)提升函數(shù)表達(dá)式
例:
var foo = function () {
? ? console.log('foo1');
}
foo();? // foo1
var foo = function () {
? ? console.log('foo2');
}
foo(); // foo2
和
function foo() {
? ? console.log('foo1');
}
foo();? // foo2
function foo() {
? ? console.log('foo2');
}
foo(); // foo2