大家應(yīng)該都只奧javascript的變量聲明具有hoisting機(jī)制，JavaScript引擎在執(zhí)行的時(shí)候，會(huì)把所有變量的聲明都提升到當(dāng)前作用域的最前面。網(wǎng)上關(guān)于JavaScript的變量聲明提升問題的文章有很多，這篇文章將再次談?wù)勱P(guān)于這方面的問題，有需要的朋友們可以參考借鑒。

一、變量聲明提升

hoisting 英[‘hɔɪstɪŋ] 美[‘hɔɪstɪŋ]

n. 起重，提升

v. 把…吊起，升起( hoist的現(xiàn)在分詞 )

先來看一個(gè)栗子

var cc = 'hello';
function foo(){
 console.log(cc);
 var cc = 'world';
 console.log(cc);
}
foo();
console.log(cc);

這里將會(huì)輸出 undefined、'world' 、'hello'

此處主要有兩個(gè)知識(shí)點(diǎn)：

1、作用域

2、變量聲明提升

JavaScript是一門解釋性語言，當(dāng)代碼在解釋器（如Chrome的V8引擎）環(huán)境中執(zhí)行時(shí)，會(huì)有一個(gè)預(yù)解析的過程，此時(shí)會(huì)將變量聲明和函數(shù)聲明提升至當(dāng)前作用域的最前方，這個(gè)行為被稱為聲明提升（Hoisting）

再來看上面的例子，此代碼有兩層作用域，全局作用域和函數(shù)foo作用域，而foo中的變量聲明在預(yù)解析的過程中會(huì)被提升至函數(shù)作用域的前方，于是代碼就會(huì)變成這樣：

var cc = 'hello';
function foo(){
 var cc;
 console.log(cc);
 cc = 'world';
 console.log(cc);
}
foo();
console.log(cc);

當(dāng)執(zhí)行到第一個(gè)log時(shí)，變量cc只是進(jìn)行了聲明，并未賦值，所以打印出的是undefined

二、函數(shù)聲明提升

函數(shù)的聲明有兩種方式：函數(shù)聲明和函數(shù)表達(dá)式

// 函數(shù)聲明
function foo(a, b) {
 return a + b;
}
// 函數(shù)表達(dá)式
var foo = function(a, b) {
 return a + b;
}

解析器在向執(zhí)行環(huán)境中加載數(shù)據(jù)時(shí)，對(duì)函數(shù)聲明和函數(shù)表達(dá)式并非一視同仁。解析器會(huì)率先讀取函數(shù)聲明，并使其在執(zhí)行任何代碼之前可用（可以訪問）；至于函數(shù)表達(dá)式，則必須等到解析器執(zhí)行到它所在的代碼行，才會(huì)真正被解釋執(zhí)行。

當(dāng)然，也可以函數(shù)聲明和函數(shù)表達(dá)式同時(shí)使用,如var a = function b(){} ,其結(jié)果是只具有函數(shù)表達(dá)式的作用，b會(huì)被自動(dòng)忽略，所以只會(huì)發(fā)生變量提升效果。

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流。

您可能感興趣的文章: