DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> Javascript學習筆記2 函數
Javascript學習筆記2 函數
編輯:JavaScript基礎知識     
就像我們可以寫成這樣的形式一樣:
復制代碼 代碼如下:
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引擎也就不會把他們放到一起了。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved