4
Web workers cheatsheet
source link: https://devhints.io/web-workers
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Client
var worker = new Worker('worker.js')
worker.onmessage = function (message) {
alert(JSON.stringify(message.data))
})
worker.postMessage('hello!')
Messages can be anything that can be serialized into JSON (objects, arrays, strings, numbers, booleans). See: structured clone
Worker
self.onmessage = function (message) {
···
}
self.postMessage({ msg: 'hello' })
Message data
[MessageEvent]
bubbles: false
cancelBubble: false
cancelable: false
clipboardData: undefined
currentTarget: Worker
data: "Hello" ← the data
defaultPrevented: false
eventPhase: 0
lastEventId: ""
origin: ""
ports: Array[0]
returnValue: true
source: null
srcElement: Worker
target: Worker
timeStamp: 1344821022383
type: "message"
These are the contents of message on onmessage.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK