本篇文章為大家展示了JavaScript中怎么實(shí)現(xiàn)變量提升與函數(shù)提升，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

創(chuàng)新互聯(lián)專注于彝良網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供彝良營(yíng)銷型網(wǎng)站建設(shè)，彝良網(wǎng)站制作、彝良網(wǎng)頁設(shè)計(jì)、彝良網(wǎng)站官網(wǎng)定制、微信小程序定制開發(fā)服務(wù)，打造彝良網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供彝良網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

eg1：

var i;
console.log(i); // 2

eg2：

console.log(i); // undefined
var i = 2;

1、提升

變量和函數(shù)聲明從它們?cè)诖a中出現(xiàn)的位置被提升到了最上面。

注意：

只有聲明本身會(huì)被提升，而賦值操作不會(huì)被提升。

變量會(huì)提升到其所在函數(shù)的最上面，而不是整個(gè)程序的最上面。

函數(shù)聲明會(huì)被提升，但函數(shù)表達(dá)式不會(huì)被提升：

func1(); // Uncaught TypeError: func1 is not a function
func2(); // Uncaught ReferenceError: func2 is not defined
var func1 = function func2() { ... };

JavaScript中的ReferenceError和TypeError：

①　ReferenceError：引用錯(cuò)誤。JavaScript引擎查詢變量時(shí)，若在作用域里沒有找到該變量，JavaScript引擎就會(huì)拋出一個(gè)ReferenceError。

②　TypeError：類型錯(cuò)誤。當(dāng)在作用域中找到了某變量引用，然后讓該變量去做力所不能及的事情時(shí)，如引用它一個(gè)不存在的屬性，或?qū)⒎呛瘮?shù)的變量用作函數(shù)引用，JavaScript引擎就會(huì)拋出一個(gè)TypeError。

2、函數(shù)優(yōu)先

函數(shù)聲明和變量聲明都會(huì)被提升，但是需要注意的是函數(shù)會(huì)先被提升，然后才是變量。

func(); // 1
var func;
function func() {
  console.log(1);
}
func = function() {
  console.log(2);
}

運(yùn)行結(jié)果：輸出1而不是2

理由：var func;盡管出現(xiàn)在function func()之前，但它是重復(fù)的聲明，會(huì)被忽略，因?yàn)楹瘮?shù)聲明會(huì)被提升到普通變量之前。上述代碼等價(jià)于：

function func() {
  console.log(1);
}
func(); // 1
func = function() {
  console.log(2);
}

盡管重復(fù)的聲明會(huì)被忽略掉，但出現(xiàn)在后面的函數(shù)聲明還是可以覆蓋前面的：

func(); // 3
function func() {
  console.log(1);
}
func = function() {
  console.log(2);
}
function func() {
  console.log(3);
}

一個(gè)普通塊內(nèi)部的函數(shù)聲明通常會(huì)被提升到其所在作用域的頂部，提升過程不會(huì)被條件判斷所控制：

func(); // 2
var flag = true;
if (flag)
  function func() { console.log(1); }
else
  function func() { console.log(2); }

注意：盡量避免在塊內(nèi)聲明函數(shù)，在JavaScript未來的版本中上述行為可能會(huì)發(fā)生改變。

上述內(nèi)容就是JavaScript中怎么實(shí)現(xiàn)變量提升與函數(shù)提升，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前題目：JavaScript中怎么實(shí)現(xiàn)變量提升與函數(shù)提升-創(chuàng)新互聯(lián)
標(biāo)題路徑：http://weahome.cn/article/dchhos.html