javascript相對于其它語言來說是一種弱類型的語言,在其它如java語言中,程序的執(zhí)行需要有編譯的階段,而在javascript中也有類似的“預(yù)編譯階段”(javascript的預(yù)編譯是以代碼塊為范圍<script></script>,即每遇到一個(gè)代碼塊都會(huì)進(jìn)行 預(yù)編譯>執(zhí)行),了解javascript引擎的執(zhí)行機(jī)理,將有助于在寫js代碼過程中的思路總結(jié)
首先科普下javascript中的兩種聲明方式,var和function,前者聲明的是變量,后者聲明的是方法
在預(yù)編譯中,javascript對這兩種聲明做出了兩種處理方案
<script> var a = "1"; //聲明變量a function b(){ //聲明方法b alert(); } var c = function(){ //聲明變量c alert(); }</script>
以上代碼塊中,a、c為變量賦值,b為函數(shù)聲明,當(dāng)執(zhí)行以上的代碼時(shí),首先會(huì)進(jìn)入預(yù)編譯階段,對與變量賦值a、c會(huì)在內(nèi)存中開辟一塊內(nèi)存空間并指向變量名,且賦值為undefined
對于函數(shù)聲明,則同樣會(huì)進(jìn)行開辟內(nèi)存空間,但賦值的對象會(huì)將聲明的函數(shù)賦值給函數(shù)名
預(yù)編譯階段:(PS:不管代碼中聲明變量和聲明函數(shù)的順序如何,在預(yù)編譯階段會(huì)先聲明變量,再聲明函數(shù))
<script> var a = undefined; var c = undefined; var b = function(){ alert(); } </script>
執(zhí)行階段:
<script> a = "1"; c = function(){ alert(); }</script>
整體執(zhí)行步驟:
<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的預(yù)編譯
一、先預(yù)定義變量,再預(yù)定義函數(shù)
二、變量的預(yù)編譯只作聲明,不作初始化,初始化在執(zhí)行時(shí)
三、function語句定義的函數(shù),不僅聲明了函數(shù)名,而且函數(shù)體也進(jìn)行了處理
四、匿名函數(shù)不會(huì)預(yù)編譯
function f(){ // 聲明函數(shù)f return 1; } alert(f()); // 返回1 var f = function(){ // 定義匿名函數(shù)f return 2; } alert(f()); // 返回2
先預(yù)定義了變量f,然后同名函數(shù)f()覆蓋了變量f,所以第一次輸出1;變量的預(yù)編譯
var f = function(){ // 定義匿名函數(shù)f return 1; } alert(f()); // 返回1 function f(){ // 聲明函數(shù)f return 2; } alert(f()); // 返回1
先預(yù)定義了變量f,然后同名函數(shù)f()覆蓋了變量f.