web worker技术-js新线程
生活随笔
收集整理的這篇文章主要介紹了
web worker技术-js新线程
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
web worker的小例子，用來入門很合適，建議啟動(dòng)服務(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 // 實(shí)例化 Worker 對(duì)象，其實(shí)質(zhì)為新創(chuàng)建的工作線程在主線程的引用 var worker = new Worker("task.js") // postMessage 方法與新創(chuàng)建的工作線程通信 worker.postMessage({id: 1,msg: 'Hello World' }); // 當(dāng) Worker 線程返回?cái)?shù)據(jù)時(shí)，onmessage 回調(diào)函數(shù)執(zhí)行 worker.onmessage = function (message) {var data = message.data;console.log(JSON.stringify(data))// terminate 方法終止 worker 線程的運(yùn)行worker.terminate() }; // 當(dāng) Worker 線程出錯(cuò)時(shí)，onerror 回調(diào)函數(shù)執(zhí)行 // error 參數(shù)中封裝了錯(cuò)誤對(duì)象的文件名、出錯(cuò)行號(hào)和具體錯(cuò)誤信息 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
超強(qiáng)干貨來襲 云風(fēng)專訪：近40年碼齡，通宵達(dá)旦的技術(shù)人生總結(jié)
以上是生活随笔為你收集整理的web worker技术-js新线程的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 搭建一个自己的SVN服务器
- 下一篇： 【IdentityServer4文档】-