javascript中預編譯指的是什么意思

這篇文章將為大家詳細講解有關javascript中預編譯指的是什么意思，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

在JavaScript中，預編譯就是代碼執行前進行的一項操作，會把變量聲明提前，函數聲明也提前，把這些按照一定的規則，放在創建的對象里面去的一個過程。

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

javascript中什么是預編譯

js運行三部曲

1.語法分析 : js引擎在解析js代碼之前，會先通篇掃描一下，找出低級的語法錯誤，比如寫錯大括號之類的。

2.預編譯 任何的語法和語句全部會被轉換成對象，GO（Global Object），AO（Active Object）把代碼按照 一定的規則，放到GO和AO中

3.解釋執行 編譯一行執行一行，當語法分析沒有問題，并且已經完成預編譯階段之后，就開始解釋執行代碼

什么的預編譯？

預編譯就是在JavaScript代碼前進行的一項操作會把變量聲明提前，函數聲明也提前，把這些代碼按照一定的規則，放在創建的對象里面去。

預編譯的過程：

GO window預編譯

1，在執行script標簽的一瞬間創建一個GO對象

2，尋找變量聲明，變量名作為GO對象的屬性名，值為undefined。

3，尋找函數聲明，函數名作為GO對象的屬性名，值為函數體，如果函數名和變量名一樣，直接覆蓋

AO 函數預編譯

1，在函數執行的一瞬間創建一個AO對象

2，尋找實參和形參，將形參作為AO對象的屬性名添加到對象中，值為實參，值得注意的是，函數聲明不叫變量。如果沒有實參值就是undefined。

3，尋找變量聲明，變量名作為AO對象的屬性名，值為undefined。如果變量名和形參名一樣不用管。

4 ，尋找函數聲明，函數名作為AO對象的屬性名，值為函數體，如果函數名和變量名一樣，直接覆蓋

下面我們來寫一段代碼來簡單介紹一哈函數預編譯的過程

function fun(a,b){
    console.log(a);
    var a = 10;
    console.log(a);
    function a(){}
    console.log(a)
    a = 1;
    var b;
    console.log(b);
    var b = function(){}
    console.log(b);
}
fun(1,2);

1首先在執行fun之前會創建一個AO對象。

funAO{
}

2，尋找實參和形參，將形參作為AO對象的屬性名添加到對象中，值為實參，值得注意的是，函數聲明不叫變量。如果沒有實參值就是undefined。

funAO{
    a : 1,
    b : 2
}

3，尋找變量聲明，變量名作為AO對象的屬性名，值為undefined。如果變量名和形參名一樣不用管

funAO{
    a : 1,
    b : 2
}

4 ，尋找函數聲明，函數名作為AO對象的屬性名，值為函數體，如果函數名和變量名一樣，直接覆蓋

funAO{
    a : function a(){},
    b : 2
}

解釋執行

function fun(a,b){
    console.log(a);  //往上面的AO對象里面尋找，a的值是function a(){}。 這里就輸出function a(){}
    var a = 10;
    console.log(a);//上面一行代碼把a賦值10 ，所以這里輸出10
    function a(){}
    console.log(a)//這里也是10，因為上面函數已經提前了
    a = 1;
    var b;
    console.log(b);//往上面的AO對象里面尋找，b的值是2。 這里就輸出2
    var b = function(){}//這里的函數為啥不能提前，因為這里的是一個函數表達式，這個函數沒有函數名所以不能提前。
    console.log(b);//這里把b賦值function(){},所以這里輸出function(){}
}
fun(1,2);

還有一種可能

function add(){
//這里的話碰到if判斷，for....除了function作用域之外的咱們都得正常分析，
//所以這里的值為undefined其實就是var a提前了賦值undefined
    console.log(a);//這里的輸出結果為？undefined
    if(a){
        var a = 10;
    }
    //這里是把a的值傳入判斷里面undefined返回的是false所以進不去，值就不會改變這里還是undefined
    console.log(a);//undefined
}
add();

這上面就是預編譯的執行過程！

關于“javascript中預編譯指的是什么意思”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。