除了Narrative JS,jwacs(Javascript With Advanced Continuation Support) 也致力於通過擴展JavaScript語法來避免編寫讓人頭痛的異步調用的回調函數。用jwacs 實現的sleep,代碼是這樣:
function sleep(msec) { var k = function_continuation; setTimeout(function() { resume k <- mesc; }, msec); suspend; }
這個語法更嚇人了,並且還是java里不被推薦使用的線程方法名。坦白說我傾向於 Narrative JS。
同Narrative JS一樣,jwacs也須要預編譯,預編譯器是用 LISP 語言編寫。眼下也是 Alpha 的版本號。兩者的許多其他介紹和比較能夠參閱 SitePoint 上的新文章: Eliminating async Javascript callbacks by preprocessing
編寫復雜的JavaScript腳本時,有時會有需求希望腳本能停滯指定的一段時間,相似於 java 中的 Thread.sleep 或者 sh 腳本中的 sleep 命令所實現的效果。
眾所周知,JavaScript 並沒有提供相似於 Java 的線程控制的功能, 盡管有 setTimeout 和 setInterval 兩個方法能夠做一些定時運行控制,但並不能滿足全部的要求。一直以來,都有非常多人問怎樣在JavaScript中實現 sleep/pause/wait ,也確實有些非常蹩腳的解決方式:
最簡單也最糟糕的方法就是寫一個循環,代碼可能例如以下:
function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; while (true) { now = new Date(); if (now.getTime() > exitTime) return; } }
如上的代碼事實上並沒有讓腳本解釋器sleep下來,並且有讓CPU迅速上到高負荷的附作用。瀏覽器甚至會在該段時間內處於假死狀態。
其二有聰明人利用IE特殊的對話框實現來曲徑通幽,代碼可能例如以下:
function sleep(timeout) { window.showModalDialog("javascript:document.writeln('<script>window.setTimeout(function () { window.close(); }, " + timeout + ");<\/script>');"); }
window.alert("before sleep ..."); sleep(2000); window.alert("after sleep ...");
缺點不用多說,唯獨IE支持(IE7由於安全限制也而不能達到目的)。
除上之外,還有利用Applet或者調用Windows Script Host的WScript.Sleep()等等鬼點子,這些都是萬不得已的權宜之計。
最終有了更聰明的人,開發出了或許是最佳的方案,先看代碼:
function sleep(millis) { var notifier = NjsRuntime.createNotifier(); setTimeout(notifier, millis); notifier.wait->(); }
沒錯,看到 ->() 這種語法,就象剛看到Prototype的 $() 函數一樣讓我驚為天人。只是直接在瀏覽器中這段腳本是會報告語法錯誤的。實際上它們須要經過預編譯成client瀏覽器認可的JavaScript。編譯后的腳本例如以下:
function sleep(millis){var njf1 = njen(this,arguments,"millis");nj:while(1) {try{switch(njf1.cp) { case 0:njf1._notifier=NjsRuntime.createNotifier();setTimeout(njf1._notifier,njf1._millis);njf1.cp = 1;njf1._notifier.wait(njf1);return;case 1:break nj; }} catch(ex) { if(!njf1.except(ex,1)) return; }} njf1.pf();}
我看不懂,也不想去看懂了。這些工作全部會由 Narrative JavaScript ———— 一個提供異步堵塞功能的JS擴展幫我們實現。我們僅僅須要編寫之前那個怪異的 ->() 語法, 然后通過后台預先靜態編譯或者前台動態編譯后運行就能夠實現 sleep 的效果。
Narrative JavaScript 宣稱能夠讓你從頭昏眼花的回調函數中解脫出來,編寫清楚的Long Running Tasks。眼下還是 alpha 的版本號,在
Example 頁面上有一個移動的button的范例。首頁上也提供了源代碼下載。以我薄弱的基礎知識,我僅僅能勉強的看出代碼中模擬了狀態機的實現,希望有精通算法的朋友能為我們解析。
最后,還是我一直以來的觀點: 除非非常必要,否則請保持JavaScript的簡單。在JavaScript 能提供原生的線程支持之前,或許我們能夠改變設計以避免異步堵塞的應用。
參考文章: