|
|
復制代碼 代碼如下:
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技術：Javascript學習筆記2 函數，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
