javascript的解釋器有什么作用

這篇文章主要介紹“javascript的解釋器有什么作用”，在日常操作中，相信很多人在javascript的解釋器有什么作用問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”javascript的解釋器有什么作用”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

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

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

javascript解釋器是什么

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

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

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

JavaScript解釋器的組成

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

詞法解析器

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

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

句法分析器

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

這個抽象語法樹有什么用呢？

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

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

字節(jié)碼生成器

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

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

字節(jié)碼解釋器

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

到此，關(guān)于“javascript的解釋器有什么作用”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！