資訊專欄INFORMATION COLUMN
摘要：中的就使的多線程編程成為可能。使用是一段運行在后臺的代碼，不會影響頁面性能?？偨Y(jié)在中，沒有，，等對象。但是可以使用，，等對象。上面的限制導(dǎo)致了一般用于有耗時較長的業(yè)務(wù)中，比如有大量計算的頁面。
介紹
大家都知道，Javascript是單線程的，所以如果頁面中的Javascript有大量計算的話，很容易阻塞頁面的動畫或者交互響應(yīng)。
HTML5中的Web Worker就使Javascript的多線程編程成為可能。
Web Worker是一段運行在后臺的Javascript代碼，不會影響頁面性能。我們可以通過new Worker來創(chuàng)建一個Web Worker。
// 創(chuàng)建Web Worker
var worker = new Worker("task.js");
// 向Web Worker傳遞消息
worker.postMessage( {
index: 1,
msg: "Hello task"
} );
//設(shè)置postMessage的監(jiān)聽
worker.onmessage = function(message) {
var data = message.data;
console.log(JSON.stringify(data));
// terminate 方法用于停止worker的繼續(xù)運行
worker.terminate();
};
worker.onerror = function(error){
worker.terminate();
console.log(error.filename, error.lineno, error.message);
}
下面是task.js的代碼
onmessage = function(message) {
var data = message.data;
data.msg = "Hello main";
postMessage(data);
}
從上面的例子中，可以看出，Web Worker與主頁面之間通過postMessage來完成通信。
總結(jié)在Web Worker中，沒有window，document，DOM等對象。但是可以使用navigator，location，XMLHttpRequest等對象。
上面的限制導(dǎo)致了Web Worker一般用于有耗時較長的業(yè)務(wù)中，比如有大量計算的頁面。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/78599.html
摘要：事實上，瀏覽器內(nèi)部的運行機制是，先將通信內(nèi)容串行化，然后把串行化后的字符串發(fā)給子線程，后者再將它還原。當一個的文檔列表中的任何一個對象都是處于完全活動狀態(tài)的時候，這個會被稱之為需要激活線程。 瀏覽器中的Web Worker 背景介紹 我們都知道JavaScript這個語言在執(zhí)行的時候是采用單線程進行執(zhí)行的，也就是說在同一時間只能做一件事，這也和這門語言有很大的關(guān)系，采用同步執(zhí)行的方式進...
摘要：向添加一個事件監(jiān)聽器當傳遞消息時，會執(zhí)行事件監(jiān)聽器中的代碼。終止當我們創(chuàng)建對象后，它會繼續(xù)監(jiān)聽消息即使在外部腳本完成之后直到其被終止為止。 JS異步那些事 一 （基礎(chǔ)知識）JS異步那些事 二 （分布式事件）JS異步那些事 三 （Promise）JS異步那些事 四（HTML 5 Web Workers）JS異步那些事 五 （異步腳本加載） 什么是 Web Worker？ 當在 HTML ...
閱讀 2601·2023-04-25 21:41
閱讀 1727·2021-09-22 15:17
閱讀 2018·2021-09-22 10:02
閱讀 2510·2021-09-10 11:21
閱讀 2669·2019-08-30 15:53
閱讀 1079·2019-08-30 15:44
閱讀 1000·2019-08-30 13:46
閱讀 1290·2019-08-29 18:36
