javascript解釋器又稱(chēng)“JavaScript引擎”，是一個(gè)專(zhuān)門(mén)處理JavaScript腳本的虛擬機(jī)，一般會(huì)附帶在網(wǎng)頁(yè)瀏覽器之中；JavaScript解釋器有四個(gè)組成部分：詞法分析器、句法解析器、字節(jié)碼生成器、字節(jié)碼解釋器。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript解釋器是什么

JavaScript是一門(mén)腳本語(yǔ)言，是需要被別人解釋執(zhí)行的，這個(gè)別人就是JavaScript解釋器。它讀取一條JS語(yǔ)句、翻譯、執(zhí)行，然后再讀取下一條JS語(yǔ)句，周而復(fù)始。

JavaScript解釋器又名JavaScript引擎，是一個(gè)專(zhuān)門(mén)處理JavaScript腳本的虛擬機(jī)，一般會(huì)附帶在網(wǎng)頁(yè)瀏覽器之中。其作用是執(zhí)行JavaScript源碼。

JavaScript解析引擎就是能夠“讀懂”JavaScript代碼，并準(zhǔn)確地給出代碼運(yùn)行結(jié)果的一段程序。

JavaScript解釋器的組成

JavaScript解釋器有四個(gè)組成部分：詞法解析器、句法解析器、字節(jié)碼生成器、字節(jié)碼解釋器。

詞法解析器

它可以讓一行行代碼源碼拆分成一個(gè)個(gè)最小的詞義單位。所謂的詞義單位就是在語(yǔ)法上不能再分，最小的單個(gè)字符或者字符組合。

  var number = 2;   //解析成下面的json格式   [       {         'type':'keyword',         'value':'var'       },       {         'type':'identifier',         'value':'number',       },       {         'type':'Punctuator',         'value':'=',       },       {        'type':'Numeric',        'value':'2',       }       {        'type':'Punctuator',        'value':';'       }   ]

句法分析器

將上面的分析出來(lái)的數(shù)組，根據(jù)語(yǔ)法規(guī)則，轉(zhuǎn)換為抽象語(yǔ)法樹(shù),用Esprimas解析工具可以知道也轉(zhuǎn)換成了json格式。

這個(gè)抽象語(yǔ)法樹(shù)有什么用呢？

人家說(shuō)壓縮優(yōu)化代碼，這我又不懂了，然后又說(shuō)編譯器、IDE等都有很多用處(現(xiàn)在沒(méi)有辦法去深入技能不夠)

在美團(tuán)點(diǎn)評(píng)技術(shù)中看到了語(yǔ)法樹(shù)可以用來(lái)重構(gòu)javaScript代碼

字節(jié)碼生成器

它的作用呢就是把語(yǔ)法樹(shù)轉(zhuǎn)換為javaScript引擎能讀懂和執(zhí)行的的二進(jìn)制代碼。

每種javascript引擎都有自己的字節(jié)碼格式，最簡(jiǎn)單的做法就是把語(yǔ)義單位翻譯成二進(jìn)制

字節(jié)碼解釋器

當(dāng)然這個(gè)一環(huán)跟一環(huán)的，有了二進(jìn)制代碼了，那么接下來(lái)就是執(zhí)行二進(jìn)制代碼咯，產(chǎn)生了你可以用眼睛看到的結(jié)果咯。

【