编译时和运行时区别
（1）編譯時
編譯時顧名思義就是正在編譯的時候?.?那啥叫編譯呢?就是編譯器幫你把源代碼翻譯成機器能識別的代碼?.
(當然只是一般意義上這么說,實際上可能只是翻譯成某個中間狀態的語言.比如?Java?只有JVM識別的字節碼,C#中只有CLR能識別的MSIL.另外還有啥鏈接器.匯編器.為了了便于理解我們可以統稱為編譯器)
編譯時就是簡單的作一些翻譯工作?,比如檢查老兄你有沒有粗心寫錯啥關鍵字了啊.有啥詞法分析,語法分析之類的過程.?就像個老師檢查學生的作文中有沒有錯別字和病句一樣?.如果發現啥錯誤編譯器就告訴你.如果你用微軟的VS的話,點下build.那就開始編譯,如果下面有errors或者warning信息,那都是編譯器檢查出來的.所謂這時的錯誤就叫編譯時錯誤,這個過程中做的啥類型檢查也就叫編譯時類型檢查,或靜態類型檢查(所謂靜態嘛就是沒把真把代碼放內存中運行起來,而只是把代碼當作文本來掃描下).?所以有時一些人說編譯時還分配內存啥的肯定是錯誤的說法.
?
（2）運行時
所謂運行時就是代碼跑起來了.被裝載到內存中去了.
(你的代碼保存在磁盤上沒裝入內存之前是個死家伙.只有跑到內存中才變成活的).而運行時類型檢查就與前面講的編譯時類型檢查(或者靜態類型檢查)不一樣.不是簡單的掃描代碼.而是在內存中做些操作,做些判斷.
?
（3）舉例說明
（4）javascript的編譯時和運行時
?
從它的某些表現上來看，我將其分成了“編譯時”與“運行時”兩個階段，這在后面內容的理解中我認為是沒有問題的。
關于“編譯時”與“運行時”，要從?var?關鍵字與?function?關鍵字說起。從目前我閱讀到的資料和實踐中只發現這兩個關鍵字存在這樣的特殊性。
var運行和編譯
1.1
這一段的執行結果與代碼1.2的執行結果是一樣的。不會報錯，窗口提示"undefined"。即我們先前提到的那種“已聲明未定義”的情況。由此，我們可以猜到 var a; 這個語句應該是在第一行語句執行之前就執行了的，“預編譯”；
1.2
<script type="text/javascript"> alert(a); var a = 1; alert(a); </script>第一次仍然是提示"undefined"，第二次才顯示了"1"。因此，實際上只是把聲明提前了，但是賦值語句仍然沒有改變位置；
1.3
<script?type="text/javascript"> var?a; alert(a); a?=?1; alert(a); </script>我們之前提到這是var關鍵字的作用，現在我們來驗證一下究竟是不是var關鍵字的作用。
1.4
<script type="text/javascript"> alert(a); a = 1; </script>程序報錯，也就是前文提到的“未聲明”。可以看到沒有使用var關鍵字之后，“預編譯”的情況并沒有出現。
function運行和編譯
會看到很明顯的兩段時期“編譯時”與“運行時”。
?
2.1
<script type="text/javascript"> func(); //2 func = function() {alert(1);}; func(); //1 function func() {alert(2);}; func(); //1 </script>執行結果我已經標注在代碼注釋里了。可以看到，function關鍵字的“預編譯”與var關鍵字的“預編譯”稍有不同。它將其“聲明”與“定義”一同“預編譯”了。
2.2
也就是說，function關鍵字聲明的函數（或者稱為“類”或者“變量”我覺得都是可以的），是在“編譯時”就執行了。而除了第4行代碼之外，其他代碼都是在“運行時”執行的，所以我們得到注釋里的顯示結果。
?
3.3
<script?type="text/javascript"> func();?//2 func?=?function()?{alert(1);}; func();?//1 function?func()?{alert(2);}; func();?//1 </script><script?type="text/javascript"> function?func()?{alert(2);}; func();?//2 </script>然而JavaScript的“預編譯”并不是發生在整個頁面的所有腳本中。
有人提到是按<script></script>標簽“分段編譯”的。
執行結果看似證明了上述的結論。第一段第4個語句明顯是先于第二段第一個語句執行的。
?
?
?
?
總結
- 上一篇： CSS3动画---移动端上下固定高度，中
- 下一篇： rax+react hook 实现分页效