小編給大家分享一下JavaScript中預(yù)編譯的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

呼中ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

JavaScript 預(yù)編譯原理

今天用了大量時(shí)間復(fù)習(xí)了作用域、預(yù)編譯等等知識

看了很多博文，翻開了以前看過的書（好像好多書都不會(huì)講預(yù)編譯）

發(fā)現(xiàn)當(dāng)初覺得自己學(xué)的很明白，其實(shí)還是存在一些思維誤區(qū) （很多博文具有誤導(dǎo)性）

今晚就整理了一下凌亂的思路

先整理一下預(yù)編譯的知識吧，日后有時(shí)間再把作用域詳細(xì)講解一下

大家要明白，這個(gè)預(yù)編譯和傳統(tǒng)的編譯是不一樣的（可以理解js預(yù)編譯為特殊的編譯過程）

JavaScript是解釋型語言，

既然是解釋型語言，就是編譯一行，執(zhí)行一行

傳統(tǒng)的編譯會(huì)經(jīng)歷很多步驟，分詞、解析、代碼生成什么的

日后有時(shí)間再給大家科普

下面就給大家分享一下我所理解的JS預(yù)編譯

JavaScript運(yùn)行三部曲

腳本執(zhí)行js引擎都做了什么呢？

• 語法分析

• 預(yù)編譯

• 解釋執(zhí)行

在執(zhí)行代碼前，還有兩個(gè)步驟

語法分析很簡單，就是引擎檢查你的代碼有沒有什么低級的語法錯(cuò)誤

解釋執(zhí)行顧名思義便是執(zhí)行代碼了

預(yù)編譯簡單理解就是在內(nèi)存中開辟一些空間，存放一些變量與函數(shù)

理解了預(yù)編譯對大家理解作用域同樣有幫助

JS預(yù)編譯什么時(shí)候發(fā)生

我當(dāng)初思維誤區(qū)也發(fā)生在這里

預(yù)編譯到底什么時(shí)候發(fā)生

希望大家不要讓上面的運(yùn)行過程讓你產(chǎn)生誤會(huì)，

誤以為預(yù)編譯僅僅發(fā)生在script內(nèi)代碼塊執(zhí)行前

這倒并沒有錯(cuò)

預(yù)編譯確確實(shí)實(shí)在script代碼內(nèi)執(zhí)行前發(fā)生了

但是它大部分會(huì)發(fā)生在函數(shù)執(zhí)行前

JS預(yù)編譯實(shí)例

舉例前，先來思考一下這幾個(gè)概念：

• 變量聲明 var…

• 函數(shù)聲明 function…

<script>
  var a = 1;// 變量聲明
  function b(y){//函數(shù)聲明
    var x = 1;
    console.log('so easy');
  };
  var c = function(){//是變量聲明而不是函數(shù)聲明??！
    //...
  }
  b(100);
</script>
<script>
  var d = 0;
</script>

讓我們看看引擎對這段代碼做了什么吧

1.頁面產(chǎn)生便創(chuàng)建了GO全局對象（Global Object）（也就是大家熟悉的window對象）

2.第一個(gè)腳本文件加載

3.腳本加載完畢后，分析語法是否合法

4.開始預(yù)編譯

查找變量聲明，作為GO屬性，值賦予undefined
查找函數(shù)聲明，作為GO屬性，值賦予函數(shù)體

//偽代碼
GO/window = {
  //頁面加載創(chuàng)建GO同時(shí)，創(chuàng)建了document、navigator、screen等等屬性，此處省略
  a: undefined,
  c: undefined，
  b: function(y){
    var x = 1;
    console.log('so easy');
  }
}

解釋執(zhí)行代碼（直到執(zhí)行函數(shù)b）

//偽代碼
GO/window = {
  //變量隨著執(zhí)行流得到初始化
  a: 1,
  c: function(){
    //...
  },
  b: function(y){
    var x = 1;
    console.log('so easy');
  }
}

執(zhí)行函數(shù)b之前，發(fā)生預(yù)編譯

• 創(chuàng)建AO活動(dòng)對象（Active Object）

• 查找形參和變量聲明，值賦予undefined

• 實(shí)參值賦給形參

• 查找函數(shù)聲明，值賦予函數(shù)體

//偽代碼
AO = {
  //創(chuàng)建AO同時(shí)，創(chuàng)建了arguments等等屬性，此處省略
  y: 100,
  x: undefined
}

解釋執(zhí)行函數(shù)中代碼

第一個(gè)腳本文件執(zhí)行完畢，加載第二個(gè)腳本文件

第二個(gè)腳本文件加載完畢后，進(jìn)行語法分析

語法分析完畢，開始預(yù)編譯

重復(fù)最開始的預(yù)編譯步驟……

大家要注意，

預(yù)編譯階段發(fā)生變量聲明和函數(shù)聲明，沒有初始化行為（賦值），匿名函數(shù)不參與預(yù)編譯

只有在解釋執(zhí)行階段才會(huì)進(jìn)行變量初始化

以上是“JavaScript中預(yù)編譯的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站aaarwkj.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章標(biāo)題：JavaScript中預(yù)編譯的示例分析-創(chuàng)新互聯(lián)
文章鏈接：http://aaarwkj.com/article46/cchseg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、虛擬主機(jī)、企業(yè)網(wǎng)站制作、搜索引擎優(yōu)化、網(wǎng)站排名、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)