javascript由什麼解析

javascript是一種解釋型的腳本語言，可以由瀏覽器動態解析和執行。 javascript本身就是遊覽器可以直接辨識的，javascript的解譯器稱為javascript引擎，是瀏覽器預設的一部分。

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

　　javascript是一種解釋型的腳本語言，它不同於java或c#這種編譯語言，不需要編譯成瀏覽器可識別的語言，而是由瀏覽器動態解析和執行的。 (本身就是瀏覽器可以直接識別，javascript的解釋器稱為javascript引擎，是瀏覽器預設的一部分)

下面來跟大家介紹一下javascript的解析過程。要理解javascript的解析過程，先了解幾個概念。

1.程式碼區塊

　　javascript中的程式碼區塊是指由<script>標籤分割的程式碼片段。 </script>

<script>
      console.log("这是代码块一");
　　</script>

　　<script>
      console.log("这是代码块二");
　　</script>

　　JS是按照程式碼區塊來進行編譯和執行的，程式碼區塊間相互獨立，但變數和方法共享。

<script>
      console.log(str);　　　　　　　　//因为没有定义str，所以浏览器会出错，下面的不能运行
      console.log("我是代码块一");　　 //没有运行到这里
      var test = "我是代码块一变量";
</script>

<script>
      console.log("我是代码块二");    //这里有运行到
      console.log(test);    　　　　 //输出undefined，因为第一个代码块执行第一行代码的时候游览器报错，代码块中第一行下面的所有代码都没有执行。故test的定义了，但没有赋值。（为什么test定义了却没有赋值，因为变量申明的提升）
</script>

　　上面的程式碼中程式碼區塊一中執行報錯，但不影響程式碼區塊二的執行，這就是程式碼區塊間的獨立性，而程式碼區塊二中能呼叫到程式碼一中的變量，則是區塊間共享性

2.宣告式函數與賦值式函數

<script>
     function Fn(){ //声明式函数
　　　　　console.log(&#39;我是声明式函数&#39;);
     }
     var Fn = function{  //赋值式函数
     　　console.log(&#39;我是赋值式函数&#39;);
     }
</script>

　　宣告式函數與賦值式函數的差別在於：在JS的預編譯期，宣告式函數會先被提取出來，然後再依序執行js程式碼。

預編譯期與執行期：

#　　事實上，JS的解析過程分為兩個階段：預編譯期(預處理)與執行期。

　　預編譯期JS會對本程式碼區塊中的所有宣告的變數和函數進行處理，但需要注意的是此時處理函數的只是宣告式函數，而且變數也只是進行了宣告但未進行初始化以及賦值。

<script>
     Fn();                 //执行结果："执行了函数2",同名函数后者会覆盖前者
     function Fn(){     　　//函数1
        console.log("执行了函数1");
     }
     function Fn(){  　　　　//函数2
        console.log("执行了函数2");
     }
</script>

<script>
      Fn(); //执行结果："执行了声明式函数",在预编译期声明函数及被处理了，所以即使Fn()调用函数放在声明函数前也能执行。
      function Fn(){ //声明式函数
　　　　　　console.log("执行了声明式函数");
      }
      var Fn = function(){  //赋值式函数　　　　　　console.log("执行了赋值式函数"); 　　　 } </script>

//代码块一
<script>
      console.log(str);//浏览器报错,但并没有输出信息
</script>

//代码块二
<script>
      console.log(str);//控制台输出"undefined"
      var str = "aaa";
</script>

//js在预处理期对变量进行了声明处理,但是并没有进行初始化与赋值，所以导致代码块二中的变量是unfiened的，而代码一中的变量是完全不存在的，所以浏览器报错。

我們來看看下面這個例子

<script>
      Fn(); //浏览器报错:"undefined"
</script>

<script>
      function Fn(){ //函数1
          console.log("执行了函数1");
      }
</script>

????

因為javascript的引擎是按照程式碼區塊來進行預處理和執行的，也就是說預處理的只是執行到的程式碼區塊的宣告函數和變量，而對於還未載入的程式碼區塊，是沒辦法進行預處理的，這也是邊編譯邊處理的核心所在。

 總結： 

　　step 1. 讀第一個程式碼區塊。

　　step 2. 做語法分析，有錯誤則報語法錯誤（例如括號不符等）並跳到step5，沒錯跳到step3。

　　step 3. 對var變數和function定義做「預編譯處理」（永遠不會報錯的，因為只解析正確的宣告）。

　　step 4. 執行程式碼段，有錯誤則報錯（例如變數未定義）。

　　step 5. 如果還有下一個程式碼段，則讀入下一個程式碼段，重複step2。

　　step 6. 結束。

【相關推薦：javascript學習教學】

#

以上是javascript由什麼解析的詳細內容。更多資訊請關注PHP中文網其他相關文章！