DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JavaScript 預解析的原理及實現
JavaScript 預解析的原理及實現
編輯:JavaScript綜合知識     

  事實上或某種現象證明並不是這樣的,通過《JavaScript權威指南》及網上相關資料了解到,JavaScript有“預解析”行為。理解這一特性是很重要的,不然在實際開發中你可能會遇到很多無從解析的問題,甚至導致程序bug的存在。為了解析這一現象,也作為自己的一次學習總結,本文逐步引導你來認識JavaScript“預解析”,如果我的見解有誤,還望指正。

JavaScript 預解析的原理及實現

  (1) 如果JavaScript僅是運行時自上往下逐句解析的,下面的代碼能正確運行是可以理解的,因為我們先定義函數,然後才調用它。

  function showMsg { alert('This is message'); } showMsg; // This is message

  (2) 我們也知道函數可以定義在調用代碼之後,如下代碼也是能正常工作的。看起來調用showMsg的時候showMsg還是沒有定義的,但能正常工作,則表明JavaScript是“預解析”的。

  showMsg; // This is message function showMsg { alert('This is message'); }

  (3) 上面是函數的例子,下面再來一個普通變量的例子。以下例子運行將會彈出undefined,表明第一句的msg已經是定義了,只是沒有初始化,它與var msg; alert(msg);是一樣的。如果你把下面第二句注釋掉,則會報“msg未定義”錯誤。這亦表明JavaScript是“預解析”的。

  alert(msg); //undefined var msg='This is message';

  (4) 再來看一個例子,加深對JavaScript“預解析”印象。以下代碼你將看到兩次彈出的對話框都是顯示This is message 2,為什麼會這樣呢?其實下面一前一後定義了兩個同名函數,後面的showMsg覆蓋了前面定義的(在JavaScript中,同名變量一樣會存在覆蓋問題),等於第一個showMsg報廢了。為什麼第二次調用的showMsg不是調用它上面定義的那個message 1函數呢?這再次證明JavaScript有“預解析”行為。

  showMsg; // This is message 2 function showMsg { alert('This is message 1'); } showMsg; // This is message 2 function showMsg { alert('This is message 2'); }

  (5) JavaScript“預解析”是把變量或函數預解析到它們能調用的環境(變量運行時環境)中。如下代碼看起來alert(msg)之前有看到msg的定義,但是程序運行還是報“msg未定義”錯誤,這是因為函數裡定義的變量是函數的私有變量,外面不能直接調用,這表明JavaScript“預解析”並不是把所有定義的變量統一解析到一個全局對象中,比如window。

  function showMsg { var msg='This is message'; } alert(msg); // msg未定義

  (6) JavaScript“預解析”是分段進行的,准確說是分

  以上就是JavaScript 預解析的原理及實現,希望對你有幫助。

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