小試JavaScript多線程第1/2頁
2024-05-06 14:16:41
供稿：網友
法寶就是Concurrent.Thread這個家伙，其實是一個js庫,你可以從網站下載源代碼.如何使用呢?
很簡單
Concurrent.Thread.create(f, a1, a2, ...) f為你要調用的函數，a1,a2為該函數的參數，這樣創建了一個線程，你可以同時創建多個，他們會同時去執行，這個庫同時提供 了很多的方法，類似其它語言里的Thread使用方法,如Concurrent.Thread.stop();等。具體去網站去了解。
代碼如下:
<html>
<body>
<script type="text/javascript" src="Concurrent.Thread.Compiler.js"></script>
<script type="text/javascript">
function hello ( ) {
document.body.innerHTML += "H";
document.body.innerHTML += "e";
document.body.innerHTML += "l";
document.body.innerHTML += "l";
document.body.innerHTML += "o";
document.body.innerHTML += ",";
document.body.innerHTML += " ";
document.body.innerHTML += "w";
document.body.innerHTML += "o";
document.body.innerHTML += "r";
document.body.innerHTML += "l";
document.body.innerHTML += "d";
document.body.innerHTML += "!";
}
Concurrent.Thread.create(hello);
</script>
</body>
</html>
作者 Daisuke Maki譯者 張凱峰
雖然有越來越多的網站在應用AJAX技術進行開發，但是構建一個復雜的AJAX應用仍然是一個難題。造成這些困難的主要原因是什么呢？是與服務器的異步通信問題？還是GUI程序設計問題呢？通常這兩項工作都是由桌面程序來完成的，那究竟為何開發一個可以實現同樣功能的AJAX應用就這么困難呢？
AJAX 開發中的難題
讓我們通過一個簡單的例子來認識這個問題。假設你要建立一個樹形結構的公告欄系統(BBS)，它可以根據用戶請求與服務器進行交互，動態加載每篇文章的信息，而不是一次性從服務器載入所有文章信息。每篇文章有四個相關屬性：系統中可以作為唯一標識的ID、發貼人姓名、文章內容以及包含其所有子文章 ID的數組信息。首先假定有一個名為getArticle()的函數可以加載一篇文章信息。該函數接收的參數是要加載文章的ID，通過它可從服務器獲取文章信息。它返回的對象包含與文章相關的四條屬性：id，name，content和children。例程如下：
function ( id ) {
var a = getArticle(id);
document.writeln(a.name + "
" + a.content);
}
然而你也許會注意到，重復用同一個文章ID調用此函數，需要與服務器之間進行反復且無益的通信。想要解決這個問題，可以考慮使用函數 getArticleWithCache()，它相當于一個帶有緩存能力的getArticle()。在這個例子中，getArticle()返回的數據只是作為一個全局變量被保存下來：
var cache = {};
function getArticleWithCache ( id ) {
if ( !cache[id] ) {
cache[id] = getArticle(id);
}
return cache[id];
}
現在已將讀入的文章緩存起來，讓我們再來考慮一下函數backgroundLoad()，它應用我們上面提到的緩存機制加載所有文章信息。其用途是，當讀者在閱讀某篇文章時，從后臺預加載它所有子文章。因為文章數據是樹狀結構的，所以很容易寫一個遞歸的算法來遍歷樹并且加載所有的文章：
