javascript由什麼解析

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

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

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

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

1.程式碼區塊

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

console.log("这是代码块一");

console.log("这是代码块二"); JS是按照程式碼區塊來進行編譯和執行的，程式碼區塊間相互獨立，但變數和方法共享。

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

console.log("我是代码块二"); //这里有运行到 console.log(test); //输出undefined，因为第一个代码块执行第一行代码的时候游览器报错，代码块中第一行下面的所有代码都没有执行。故test的定义了，但没有赋值。（为什么test定义了却没有赋值，因为变量申明的提升） 上面的程式碼中程式碼區塊一中執行報錯，但不影響程式碼區塊二的執行，這就是程式碼區塊間的獨立性，而程式碼區塊二中能呼叫到程式碼一中的變量，則是區塊間共享性

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

function Fn(){ //声明式函数 console.log('我是声明式函数'); } var Fn = function{ //赋值式函数 console.log('我是赋值式函数'); } 宣告式函數與賦值式函數的差別在於：在JS的預編譯期，宣告式函數會先被提取出來，然後再依序執行js程式碼。

預編譯期與執行期：

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

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

Fn(); //执行结果："执行了函数2",同名函数后者会覆盖前者 function Fn(){ //函数1 console.log("执行了函数1"); } function Fn(){ //函数2 console.log("执行了函数2"); } Fn(); //执行结果："执行了声明式函数",在预编译期声明函数及被处理了，所以即使Fn()调用函数放在声明函数前也能执行。 function Fn(){ //声明式函数 console.log("执行了声明式函数"); } var Fn = function(){ //赋值式函数 console.log("执行了赋值式函数"); } //代码块一 console.log(str);//浏览器报错,但并没有输出信息

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

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

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

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

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

總結：

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

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

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

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

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

step 6. 結束。

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

#