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