Javascript學習筆記2 函數

2019-11-21 00:49:09

字體：大中小

來源：轉載

供稿：網友

就像我們可以寫成這樣的形式一樣：

 
function Hello() { 
alert("Hello"); 
} 
Hello(); 
var Hello = function () { 
alert("Hello"); 
} 
Hello(); 

其實都是一樣的。
但是當我們對其中的函數進行修改時，會發現很奇怪的問題。

復制代碼代碼如下:

 
<script type="text/javascript"> 
function Hello() { 
alert("Hello"); 
} 
Hello(); 
function Hello() { 
alert("Hello World"); 
} 
Hello(); 
</script> 

我們會看到這樣的結果：連續輸出了兩次Hello World。而非我們想象中的Hello和Hello World。
這是因為Javascript并非完全的按順序解釋執行，而是在解釋之前會對Javascript進行一次“預編譯”，在預編譯的過程中，會把定義式的函數優先執行，也會把所有var變量創建，默認值為undefined，以提高程序的執行效率。也就是說上面的一段代碼其實被JS引擎預編譯為這樣的形式：

復制代碼代碼如下:

 
<script type="text/javascript"> 
var Hello = function() { 
alert("Hello"); 
} 
Hello = function() { 
alert("Hello World"); 
} 
Hello(); 
Hello(); 
</script> 

我們可以通過上面的代碼很清晰地看到，其實函數也是數據，也是變量，我們也可以對“函數“進行賦值（重賦值）。當然，我們為了防止這樣的情況，也可以這樣：

復制代碼代碼如下:

 
<script type="text/javascript"> 
function Hello() { 
alert("Hello"); 
} 
Hello(); 
</script> 
<script type="text/javascript"> 
function Hello() { 
alert("Hello World"); 
} 
Hello(); 
</script> 

這樣，程序被分成了兩段，JS引擎也就不會把他們放到一起了。

上一篇：Javascript學習筆記3 作用域

下一篇：Javascript學習筆記1 數據類型