1.提升的概念
簡單說就是在js代碼執(zhí)行前引擎會先進(jìn)行預(yù)編譯,預(yù)編譯期間會將變量聲明與函數(shù)聲明提升至其對應(yīng)作用域的最頂端。
2.變量提升
例:
console.log(a);//undefined
var a = 10;
根據(jù)變量的提升原則,var a會被優(yōu)先提升到最前面編譯,但賦值是在運(yùn)行的時(shí)候完成的。實(shí)際上預(yù)編譯的代碼是:
var a;
console.log(a);
a = 10
3.函數(shù)提升
函數(shù)和變量一樣,在編譯階段會被提升到當(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ù)提升只會提升函數(shù)聲明,而不會提升函數(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