Js中的變量提升和函數(shù)提升


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

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容