欧美成人精品手机在线观看_69视频国产_动漫精品第一页_日韩中文字幕网 - 日本欧美一区二区

[p]javascript中會(huì)經(jīng)常用到settimeout來推遲一個(gè)函數(shù)的執(zhí)行，如：[/p][color=#000000]settimeout([/color][color=#0000ff]function[/color][color=#000000](){alert([/color][color=#000000]"[/color][color=#000000]hello world[/color][color=#000000]"[/color][color=#000000]);},[/color][color=#000000]1000[/color][color=#000000]);[/color] [br]會(huì)在執(zhí)行到這句話后延遲1秒鐘來彈出alert窗口。那么再看這一段： [color=#008080]1[/color] [color=#0000ff]function[/color][color=#000000] a(){[br][/color][color=#008080]2 [/color][color=#000000]settimeout([/color][color=#0000ff]function[/color][color=#000000]() {alert([/color][color=#000000]1[/color][color=#000000])}, [/color][color=#000000]0[/color][color=#000000]);[br][/color][color=#008080]3 [/color][color=#000000]alert([/color][color=#000000]2[/color][color=#000000]);[br][/color][color=#008080]4[/color] [color=#000000]}[br][/color][color=#008080]5[/color] [color=#000000]a();[/color][color=#008080] [/color][color=#008080][/color][color=#000000][/color]
[p]注意這段代碼中的settimeout延遲設(shè)為了0，就是延遲0毫秒，貌似是不做任何延遲立刻執(zhí)行，即1,2。但實(shí)際的執(zhí)行結(jié)果確是2,1。為什么？這得從javascript調(diào)用堆棧(call stack)和settimeout的功能說起。[/p]
[p]首先，javascript是單線程的，即同一時(shí)間只執(zhí)行一條代碼，所以每一個(gè)javascript代碼執(zhí)行塊會(huì)“阻塞”其它異步事件的執(zhí)行。其次，和其他的編程語言一樣，javascript中的函數(shù)調(diào)用也是通過堆棧實(shí)現(xiàn)的。在執(zhí)行函數(shù)a的時(shí)候，a先入棧，如果不給alert(1)加settimeout，那么alert(1)第2個(gè)入棧，最后是alert(2)。但現(xiàn)在給alert(1)加上settimeout后，alert(1)就被加入到了一個(gè)新的堆棧中等待，并“盡可能快”的執(zhí)行。這個(gè)盡可能快就是指在a的堆棧完成后就立刻執(zhí)行，因此實(shí)際的執(zhí)行結(jié)果就是先alert(2)，再alert(1)。在這里settimeout實(shí)際上是讓alert(1)脫離了當(dāng)前函數(shù)調(diào)用堆棧?？聪旅嬉粋€(gè)例子：[/p]
[p][/p][color=#000000]<[/color][color=#000000]input name[/color][color=#000000]=[/color][color=#000000]"[/color][color=#000000]input[/color][color=#000000]"[/color][color=#000000] onkeydown[/color][color=#000000]=[/color][color=#000000]"[/color][color=#000000]alert(this.value)[/color][color=#000000]"[/color][color=#000000] type[/color][color=#000000]=[/color][color=#000000]"[/color][color=#000000]text[/color][color=#000000]"[/color][color=#000000] value[/color][color=#000000]=[/color][color=#000000]"[/color][color=#000000]a[/color][color=#000000]"[/color][color=#000000] [/color][color=#000000]/[/color][color=#000000]>[/color]
[p]這樣一段函數(shù)意圖是每輸入一個(gè)字符就把當(dāng)前input里的所有字符都alert出來，但實(shí)際效果確是alert出按鍵之前的內(nèi)容。這里，我們就可以利用settimeout(0)來實(shí)現(xiàn)。[/p]
[p][/p]
[p][/p][color=#000000]<[/color][color=#000000]input onkeydown[/color][color=#000000]=[/color][color=#000000]"[/color][color=#000000]var me=this; settimeout(function(){alert(me.value)}, 0)[/color][color=#000000]"[/color][color=#000000] name[/color][color=#000000]=[/color][color=#000000]"[/color][color=#000000]input[/color][color=#000000]"[/color][color=#000000] type[/color][color=#000000]=[/color][color=#000000]"[/color][color=#000000]text[/color][color=#000000]"[/color][color=#000000] value[/color][color=#000000]=[/color][color=#000000]"[/color][color=#000000]a[/color][color=#000000]"[/color][color=#000000] [/color][color=#000000]/[/color][color=#000000]>[/color]
[p][/p]
[p][/p]
[p]這樣當(dāng)onkeydown事件觸發(fā)的時(shí)候，alert就被放入了下一個(gè)調(diào)用堆棧，一旦onkeydown事件觸發(fā)的堆棧關(guān)閉后就開始執(zhí)行。當(dāng)然瀏覽器還有個(gè)onkeyup事件也可以實(shí)現(xiàn)我們的需求。[/p]
[p]這樣的settimeout用法在實(shí)際項(xiàng)目中還是會(huì)時(shí)常遇到。比如瀏覽器會(huì)聰明的等到一個(gè)函數(shù)堆棧結(jié)束后才改變dom，如果再這個(gè)函數(shù)堆棧中把頁面背景先從白色設(shè)為紅色，再設(shè)回白色，那么瀏覽器會(huì)認(rèn)為dom沒有發(fā)生任何改變而忽略這兩句話，因此我們可以通過settimeout把“設(shè)回白色”函數(shù)加入下一個(gè)堆棧，那么就可以確保背景顏色發(fā)生過改變了（雖然速度很快可能無法被察覺）。[/p]
[p]總之，settimeout增加了javascript函數(shù)調(diào)用的靈活性，為函數(shù)執(zhí)行順序的調(diào)度提供極大便利。[/p]