Javascript學習筆記2 函數

就像我們可以寫成這樣的形式一樣： 複製代碼 代碼如下: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引擎也就不會把他們放到一起了。