亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

js 程序執行與順序實現詳解

2019-11-20 22:43:15
字體:
來源:轉載
供稿:網友
函數的聲明和調用
JavaScript是一種描述型腳本語言,由瀏覽器進行動態的解析與執行。函數的定義方式大體有以下兩種,瀏覽器對于不同的方式有不同的解析順序。
代碼如下:
復制代碼 代碼如下:

//“定義式”函數定義
function Fn1(){
alert("Hello World!");
}
//“賦值式”函數定義
var Fn2 = function(){
alert("Hello wild!");
}

頁面加載過程中,瀏覽器會對頁面上或載入的每個js代碼塊(或文件)進行掃描,如果遇到定義式函數,則進行預處理(類似于C等的編譯),處理完成之后再開始由上至下執行;遇到賦值式函數,則只是將函數賦給一個變量,不進行預處理(類似1中變量必須先定義后引用的原則),待調用到的時候才進行處理。下面舉個簡單的例子:
代碼如下:
復制代碼 代碼如下:

//“定義式”函數定義
Fn1();
function Fn1(){
alert("Hello World!");
}

正常執行,彈出“Hello World!”,瀏覽器對Fn1進行了預處理,再從Fn1();開始執行。
代碼如下:
復制代碼 代碼如下:

//“賦值式”函數定義
Fn2();
var Fn2 = function(){
alert("Hello wild!");
}

Firebug報錯:Fn2 is not a function,瀏覽器未對Fn2進行預處理,依序執行,所以報錯Fn2未定義。

3. 代碼塊及js文件的處理
“代碼塊”是指一對<script type=”text/網頁特效”></script>標簽包裹著的js代碼,文件就是指文件啦,廢話:D
瀏覽器對每個塊或文件進行獨立的掃描,然后對全局的代碼進行順序執行(2中講到了)。所以,在一個塊(文件)中,函數可以在調用之后進行“定義式”定義;但在兩個塊中,定義函數所在的塊必須在函數被調用的塊之前。
很繞口,看例子好了:
代碼如下:
復制代碼 代碼如下:

<script type="text/javascript">
Fn();
</script>
<script type="text/javascript">
function Fn(){
alert("Hello World!");
}
</script>
// 報錯:Fn is notdefined,兩個塊換過來就對了

4. 重復定義函數會覆蓋前面的定義
這和變量的重復定義是一樣的,代碼:
代碼如下:
復制代碼 代碼如下:

function fn(){
alert(1);
}
function fn(){
alert(2);
}
fn();
// 彈出:“2”

如果是這樣呢:
代碼如下:
復制代碼 代碼如下:

fn();
function fn(){
alert(1);
}
function fn(){
alert(2);
}
// 還是彈出:“2”

還是彈出“2”,為什么?2都講了好吧…

5. body的onload函數與body內部函數的執行
body內部的函數會先于onload的函數執行,測試代碼:
代碼如下:
復制代碼 代碼如下:

//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事件觸發條件是body內容加載完成,而body中的js代碼會在這一事件觸發之前運行(為什么呢?6告訴你..)

6. JavaScript是多線程or單線程?
嚴格來說,JavaScript是沒有多線程概念的,所有的程序都是“單線程”依次執行的。
舉個不太恰當的例子:
代碼如下:
復制代碼 代碼如下:

function fn1(){
var sum = 0;
for(var ind=0; ind<1000; ind++) {
sum += ind;
}
alert("答案是"+sum);
}
function fn2(){
alert("早知道了,我就是不說");
}
fn1();
fn2();

//先彈出:“答案是499500”,
//后彈出:“早知道了,我就是不說”

那你肯定要問:那延時執行、Ajax異步加載,不是多線程的嗎?沒錯,下面這樣的程序確實看起來像“多線程”:
代碼如下:
復制代碼 代碼如下:

function fn1(){
setTimeout(function(){
alert("我先調用")
},1000);
}
function fn2(){
alert("我后調用");
}
fn1();
fn2();
// 先彈出:“我后調用”,
// 1秒后彈出:“我先調用”

看上去,fn2()和延時程序是分兩個過程再走,但其實,這是JavaScript中的“回調”機制在起作用,類似于操作系統中的“中斷和響應” ―― 延時程序設置一個“中斷”,然后執行fn2(),待1000毫秒時間到后,再回調執行fn1()。
同樣,5中body的onload事件調用的函數,也是利用了回調機制――body加載完成之后,回調執行fnOnLoad()函數。
Ajax請求中的數據處理函數也是一樣的道理。
關于JavaScript線程問題的更深入討論,看這篇 javascript中的線程之我見,以及infoQ上的 JavaScript多線程編程簡介。
困了,再說一下回調函數吧。

7. 回調函數
回調函數是干嘛用的?就是回調執行的函數嘛,又廢話:D
如6所說,最常見的回調就是onclick、onmouseo教程ver、onmousedown、onload等等瀏覽器事件的調用函數;還有Ajax異步請求數據的處理函數;setTimeOut延時執行、setInterval循環執行的函數等。
干脆我們寫一個純粹的回調函數玩:
代碼如下:
復制代碼 代碼如下:

function onBack(num){
alert("姍姍我來遲了");
// 執行num個耳光
}
function dating(hours, callBack){
var SP= 0; // SP,憤怒值
//女豬腳在雪里站了hours個鐘頭
//循環開始..
SP ++;
//循環結束...
callBack(SP);
}
dating(1, onBack);
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲免费av网址| 亚洲a一级视频| 国产99久久精品一区二区永久免费| 国产丝袜高跟一区| 国外成人免费在线播放| 欧美黑人巨大xxx极品| 成人精品在线观看| 成人性生交大片免费观看嘿嘿视频| 91视频国产高清| 精品久久久av| 伊人久久久久久久久久久久久| 欧美黑人国产人伦爽爽爽| 久久成人综合视频| 日本视频久久久| 久久久天堂国产精品女人| 2019av中文字幕| 午夜美女久久久久爽久久| 欧美精品videos另类日本| 久久久精品久久| 久久精品亚洲精品| 欧美激情网站在线观看| 日韩电视剧在线观看免费网站| 在线观看国产精品日韩av| 成人福利免费观看| 秋霞成人午夜鲁丝一区二区三区| 日韩av男人的天堂| 色妞一区二区三区| 日韩精品在线视频| 欧美国产激情18| 日本久久久a级免费| 成人免费观看网址| 日韩人在线观看| 亚洲欧美日韩一区二区在线| 亚洲人成网站777色婷婷| 久久久噜久噜久久综合| 精品国产老师黑色丝袜高跟鞋| 久久久国产一区二区| 欧美激情va永久在线播放| 日韩在线不卡视频| 国产成人一区二区三区电影| 中文字幕欧美精品在线| 亚洲大胆美女视频| 久久久久久中文字幕| 成人a在线观看| 欧美精品亚州精品| 亚洲成人激情在线观看| 欧美精品在线观看91| 福利一区视频在线观看| 欧美性xxxxx极品| 欧洲精品久久久| 色小说视频一区| 国内精品久久久久伊人av| 国产一区二区三区毛片| 91成人在线视频| 97热精品视频官网| 久久99精品久久久久久琪琪| 亚洲福利影片在线| 亚洲成人黄色网址| 亚洲电影免费在线观看| 亚洲精品一区在线观看香蕉| 亚洲精品免费一区二区三区| 亚洲精品久久视频| 91高潮精品免费porn| 亚洲精品国产精品国自产观看浪潮| 亚洲精品国产成人| 国产精品黄色av| 欧美成人精品一区二区三区| 精品久久久久久亚洲精品| 欧美在线观看视频| 亚洲91精品在线| 国产精品青草久久久久福利99| 国产中文字幕亚洲| 欧美激情网站在线观看| 丁香五六月婷婷久久激情| 97涩涩爰在线观看亚洲| 日韩美女视频免费在线观看| 欧美成人精品激情在线观看| 国产精品一区二区三区久久久| 欧美大片在线看| 91久久精品国产| 26uuu亚洲国产精品| 日韩av影院在线观看| 国产精品扒开腿做爽爽爽男男| 久久手机精品视频| 国产日韩欧美在线观看| 久久99精品视频一区97| 久久久在线免费观看| 久久精品国产成人精品| 精品欧美一区二区三区| 日韩成人av在线| 亚洲国产精品小视频| 日韩a**站在线观看| 午夜精品一区二区三区视频免费看| 国产精品com| 久久久久久久影视| 伊人精品在线观看| 俺也去精品视频在线观看| 日韩电影中文字幕在线| 久色乳综合思思在线视频| 欧美一区三区三区高中清蜜桃| 国产日韩精品电影| 81精品国产乱码久久久久久| 色一情一乱一区二区| 久久久久久久成人| 亚洲91精品在线| 久青草国产97香蕉在线视频| 另类专区欧美制服同性| 日韩欧美一区二区三区久久| 久久久久久有精品国产| 日韩在线观看免费网站| 91久久精品久久国产性色也91| 亚洲的天堂在线中文字幕| 亚洲国产精品久久精品怡红院| 伊人成人开心激情综合网| 国产视频精品一区二区三区| 国产亚洲欧美日韩一区二区| 欧美怡红院视频一区二区三区| 精品日本高清在线播放| 国产一区二区在线播放| 中文字幕日韩精品在线| 日韩电影在线观看永久视频免费网站| 91精品久久久久| 欧美成人在线影院| 国产91精品久久久久久久| 深夜福利国产精品| 乱亲女秽乱长久久久| 久久久亚洲影院你懂的| 亚洲电影av在线| 日韩免费不卡av| 91精品国产自产91精品| 成人网在线免费看| 日韩欧美中文在线| 成人在线国产精品| 国产网站欧美日韩免费精品在线观看| 日韩中文字幕第一页| 日韩一二三在线视频播| 国产日韩av在线播放| 综合136福利视频在线| 日韩中文理论片| 成人国产精品免费视频| 亚洲欧美中文字幕在线一区| 欧日韩不卡在线视频| 欧美激情视频三区| 欧美高清理论片| 亚洲一区二区三区777| 日韩美女激情视频| 日韩av网址在线观看| 亚洲网站视频福利| 欧美性感美女h网站在线观看免费| 亚洲第一天堂av| 亚洲片在线观看| 日韩的一区二区| 久久精品久久久久久| 国内成人精品视频| 国产精品91在线| 亚洲精品久久久久国产| 亚州欧美日韩中文视频| 国产成人av在线播放| 日韩最新av在线| 国产精品激情自拍| 精品中文字幕在线观看| 成人日韩在线电影| 欧美视频一二三| 中文字幕av一区二区三区谷原希美|