web worker技术-js新线程
生活随笔
收集整理的這篇文章主要介紹了
web worker技术-js新线程
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
web worker的小例子,用來入門很合適,建議啟動服務(wù)來開發(fā)。可以使用node的anywhere。
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title> </head> <body>ddd </body> <script src="./index.js"></script> </html>index.js // 實例化 Worker 對象,其實質(zhì)為新創(chuàng)建的工作線程在主線程的引用 var worker = new Worker("task.js") // postMessage 方法與新創(chuàng)建的工作線程通信 worker.postMessage({id: 1,msg: 'Hello World' }); // 當(dāng) Worker 線程返回數(shù)據(jù)時,onmessage 回調(diào)函數(shù)執(zhí)行 worker.onmessage = function (message) {var data = message.data;console.log(JSON.stringify(data))// terminate 方法終止 worker 線程的運行worker.terminate() }; // 當(dāng) Worker 線程出錯時,onerror 回調(diào)函數(shù)執(zhí)行 // error 參數(shù)中封裝了錯誤對象的文件名、出錯行號和具體錯誤信息 worker.onerror = function (error) {console.log(error.filename, error.lineno, error.message) }
task.jsonmessage = function (message) {var data = message.dataconsole.log(data)data.msg = 'Hi from task.js'postMessage(data) }
這是web worker的工作原理
轉(zhuǎn)載于:https://www.cnblogs.com/yiyi17/p/9021048.html
超強干貨來襲 云風(fēng)專訪:近40年碼齡,通宵達(dá)旦的技術(shù)人生總結(jié)
以上是生活随笔為你收集整理的web worker技术-js新线程的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 搭建一个自己的SVN服务器
- 下一篇: 【IdentityServer4文档】-