DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript運行過程中的“預編譯階段”和“執行階段”
JavaScript運行過程中的“預編譯階段”和“執行階段”
編輯:關於JavaScript     

 javascript相對於其它語言來說是一種弱類型的語言,在其它如java語言中,程序的執行需要有編譯的階段,而在javascript中也有類似的“預編譯階段”(javascript的預編譯是以代碼塊為范圍<script></script>,即每遇到一個代碼塊都會進行  預編譯>執行),了解javascript引擎的執行機理,將有助於在寫js代碼過程中的思路總結

首先科普下javascript中的兩種聲明方式,var和function,前者聲明的是變量,後者聲明的是方法

在預編譯中,javascript對這兩種聲明做出了兩種處理方案

<script>
  var a = "1";    //聲明變量a
 function b(){    //聲明方法b
    alert();
  }
  var c = function(){ //聲明變量c
    alert();
  }
</script> 

以上代碼塊中,a、c為變量賦值,b為函數聲明,當執行以上的代碼時,首先會進入預編譯階段,對與變量賦值a、c會在內存中開辟一塊內存空間並指向變量名,且賦值為undefined

對於函數聲明,則同樣會進行開辟內存空間,但賦值的對象會將聲明的函數賦值給函數名

預編譯階段:(PS:不管代碼中聲明變量和聲明函數的順序如何,在預編譯階段會先聲明變量,再聲明函數)

<script>
    var a = undefined;
    var c = undefined;         var b = function(){
      alert();
    } </script> 

 執行階段:

<script>
    a = "1";
    c = function(){
      alert();
    }
</script> 

整體執行步驟:

<script>
    var a = undefined;
    var c = undefined;
    
    var b = function(){
      alert();
    }
    a = "1";
    c = function(){
      alert();
    }
</script> 

題目:

<script>
    var a = "1";
    function b(){
      alert(a);
      var a = "2";
    }
    b();
</script> 

ps:javascript的預編譯

     一、先預定義變量,再預定義函數

  二、變量的預編譯只作聲明,不作初始化,初始化在執行時

   三、function語句定義的函數,不僅聲明了函數名,而且函數體也進行了處理

  四、匿名函數不會預編譯

function f(){      // 聲明函數f  
return 1; } alert(f());       // 返回1 
var f = function(){    // 定義匿名函數f  
return 2; } alert(f());       // 返回2 

先預定義了變量f,然後同名函數f()覆蓋了變量f,所以第一次輸出1;變量的預編譯

var f = function(){    // 定義匿名函數f  
return 1; } 
alert(f());       // 返回1 
function f(){      // 聲明函數f  
return 2; } 
alert(f());      // 返回1 

先預定義了變量f,然後同名函數f()覆蓋了變量f.

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved