Web Workers Cheat Sheet
Lam
Posted on May 13, 2021
[Web workers] 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.
Web workers
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' })
Reference
💖 💪 🙅 🚩
Lam
Posted on May 13, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.