JavaScript是一種描述型腳本語言，由瀏覽器進行動態(tài)的解析與執(zhí)行，瀏覽器對于不同的方式有不同的解析順序，詳細介紹如下，感興趣的朋友可以參考下哈
函數(shù)的聲明和調用
JavaScript是一種描述型腳本語言，由瀏覽器進行動態(tài)的解析與執(zhí)行。函數(shù)的定義方式大體有以下兩種，瀏覽器對于不同的方式有不同的解析順序。
//“定義式”函數(shù)定義 ==>預處理 處理完成之后再開始由上至下執(zhí)行
function Fn1(){alert("Hello World!");}
//“賦值式”函數(shù)定義 ==>不預處理
var Fn2 = function(){alert("Hello wild!");}
頁面加載過程中，瀏覽器會對頁面上或載入的每個js代碼塊(或文件)進行掃描，如果遇到定義式函數(shù)，則進行預處理(類似于C等的編譯)，處理完成之后再開始由上至下執(zhí)行；遇到賦值式函數(shù)，則只是將函數(shù)賦給一個變量，不進行預處理(類似1中變量必須先定義后引用的原則)，待調用到的時候才進行處理。下面舉個簡單的例子：
//“定義式”函數(shù)定義
Fn1();
function Fn1(){alert("Hello World!");}
正常執(zhí)行，彈出“Hello World!”，瀏覽器對Fn1進行了預處理，再從Fn1();開始執(zhí)行。
//“賦值式”函數(shù)定義
Fn2();
var Fn2 = function(){alert("Hello wild!");}
//Fn2 is not a function
報錯，瀏覽器未對Fn2進行預處理，依序執(zhí)行。
代碼塊及js文件的處理
代碼塊”是指一對 <script type=”text/網(wǎng)頁特效”></script> 標簽包裹著的js代碼，文件就是指文件啦，廢話瀏覽器對每個塊或文件進行獨立的掃描，然后對全局的代碼進行順序執(zhí)行。所以，在一個塊(文件)中，函數(shù)可以在調用之后進行“定義式”定義；但在兩個塊中，定義函數(shù)所在的塊必須在函數(shù)被調用的塊之前。很繞口，看例子好了：
<script type="text/javascript">
Fn();
</script>
<script type="text/javascript">
function Fn(){alert("Hello World!");}
</script>
// 報錯：Fn is notdefined，兩個塊換過來就對了
重復定義函數(shù)會覆蓋前面的定義
這和變量的重復定義是一樣的，
function fn(){alert(1);}
function fn(){alert(2);}
fn();
// 彈出：“2”
如果是這樣呢：
fn();
function fn(){alert(1);}
function fn(){alert(2);}
// 還是彈出：“2”
還是彈出“2”。
body的onload函數(shù)與body內部函數(shù)的執(zhí)行
body內部的函數(shù)會先于onload的函數(shù)執(zhí)行，
//html head...
<script type="text/javascript">
function fnOnLoad(){alert("I am outside the Wall!");}
</script>
<body onload="fnOnLoad();">
<script type="text/javascript">
alert("I am inside the Wall..");
</script>
</body>
//先彈出“I am inside the Wall..”;
//后彈出“I am outside the Wall!”
body的onload事件觸發(fā)條件是body內容加載完成，而body中的js代碼會在這一事件觸發(fā)之前運行(為什么呢?一會告訴你..)
JavaScript是多線程or單線程？
嚴格來說，JavaScript是沒有多線程概念的，所有的程序都是“單線程”依次執(zhí)行的。舉個不太恰當?shù)睦樱?/p>
function fn1(){
var sum = 0;
for(var ind=0; ind<1000; ind++){
sum += ind;}
alert("答案是"+sum);}
function fn2(){
alert("早知道了，我就是不說");}
fn1();
fn2();
//先彈出：“答案是499500”，
//后彈出：“早知道了，我就是不說”
那你肯定要問：那延時執(zhí)行、Ajax異步加載，不是多線程的嗎？沒錯，下面這樣的程序確實看起來像“多線程”：
function fn1(){
setTimeout(function(){alert("我先調用")},1000);
}
function fn2(){alert("我后調用");}
fn1();
fn2();
// 先彈出：“我后調用”，
// 1秒后彈出：“我先調用”
看上去，fn2()和延時程序是分兩個過程再走，但其實，這是JavaScript中的“回調”機制在起作用，類似于操作系統(tǒng)中的“中斷和響應” —— 延時程序設置一個“中斷”，然后執(zhí)行fn2()，待1000毫秒時間到后，再回調執(zhí)行fn1()。同樣，body的onload事件調用的函數(shù)，也是利用了回調機制——body加載完成之后，回調執(zhí)行fnOnLoad()函數(shù)。Ajax請求中的數(shù)據(jù)處理函數(shù)也是一樣的道理。關于JavaScript線程問題的更深入討論。
回調函數(shù)
回調函數(shù)是干嘛用的？就是回調執(zhí)行的函數(shù)嘛，最常見的回調就是onclick、onmouseo、onmousedown、onload等等瀏覽器事件的調用函數(shù)；還有Ajax異步請求數(shù)據(jù)的處理函數(shù)；setTimeOut延時執(zhí)行、setInterval循環(huán)執(zhí)行的函數(shù)等。干脆我們寫一個純粹的回調函數(shù)玩：
