基於JavaScript計時器的偽線程

>我的上一篇文章“ JavaScript執行和瀏覽器限制”討論了領先的瀏覽器如何處理長期運行的JavaScript代碼並觸發“無反應腳本”錯誤。由於更改瀏覽器行為是不可行的，並且服務器端處理並不總是一個選項，因此計時器為執行冗長的任務而無需凍結瀏覽器提供了實用的解決方案。

>

>什麼是JavaScript計時器？ > JavaScript計時器允許您在指定的延遲後安排代碼執行。 他們提供了兩個主要功能：

：在
• 毫秒之後執行一次提供的函數。 可選的參數可以傳遞給該函數。 setTimeout(function, msec[, arg1 … argN])> msec
：類似於
• >，但是每次反复執行該功能，直到被取消為止。 setInterval(function, msec[, arg1 … argN])。 setTimeout msec
和

分別用於取消

和clearTimeout()>操作。 例如：clearInterval() setTimeout setInterval

重要說明：

var timerID = setTimeout(myfunction, 500);
clearTimeout(timerID); // myfunction() will never be called

和

接受函數

參考
1. （無括號）。 setTimeout將立即執行setInterval。 > 毫秒的時間是近似時間。 當指定延遲後瀏覽器空閒時，函數執行。 setTimeout(myfunction(), 500);> myfunction()函數執行訂單不能保證。
可能會執行
3. setTimeout(f1, 50); setTimeout(f2, 50); 基於計時器的pseudo-threadingf2()

由於定時代碼不會立即執行，因此瀏覽器的主線程已釋放用於其他任務。這使我們能夠將長流程分解為較小的塊。 例如，執行函數，

和

> f1() f2()f3()刪除並返回數組中的第一個元素（函數），然後執行。

>執行數組中的所有功能，每個功能之間的延遲為20ms。 此方法適用於任意數量的功能，只要沒有單個功能超過了瀏覽器的超時閾值。 但是，處理大型數據集將需要更多強大的技術，這將在以後的帖子中涵蓋。

function ProcessThread(func) {
    var ms = 20;
    setTimeout(function() {
        func.shift()();
        if (func.length > 0) { //Improved condition check
            setTimeout(arguments.callee, ms);
        }
    }, ms);
}

ProcessThread([f1, f2, f3]);

常見問題（FAQS）func.shift()ProcessThread>

>以下部分回答了有關JavaScript計時器和偽線程的常見問題。 最初的常見問題解答部分已重組和重寫，以清晰和簡潔。 具體的示例已簡化。

>JavaScript中的pseudo-threading是什麼？ 偽線程通過將長任務分解為較小的部分，使用計時器安排執行，從而模擬多線程，從而使瀏覽器可以在之間處理其他任務。

>> javaScript計時器如何工作？

>在延遲後執行一次函數，而

>>在給定的間隔中重複執行函數。 > setTimeout()>如何使用JavaScript計時器實現偽線程？ 停止使用setInterval()>。

偽線程的限制？任務依次運行，儘管具有交織的瀏覽器任務。 緩慢的塊延遲了後續的。 > setInterval()clearInterval()偽線程與實際的線程（例如，Python）？

>偽線程的替代方案（承諾，異步/等待）？ >>

>

> 對於異步操作而言是優越的，但對於阻塞主線程的CPU任務卻不是。

停止偽線？

偽線程和網絡工作者？ 在網絡工人內組合偽螺紋async/await，以提高性能；工人在後台運行。

偽線程的實際應用？ 圖像處理，複雜的計算，數據操作等。 用於偽線程的clearInterval()

庫/框架？

> 雖然不直接專注於偽線程，但諸如>之類的庫可以幫助管理異步操作。 JavaScript的內置計時器通常就足夠了。 >

以上是基於JavaScript計時器的偽線程的詳細內容。更多資訊請關注PHP中文網其他相關文章！