Passing objects to a web worker

Question

I\'m trying to pass an object to a web worker through the postMessage function.
This object is a square that has a couple of functions to draw himself on a canvas and so

Answer 1

if you want to pass the object with methods you can stringify it and parse it at the receiving end.

postMessage(JSON.stringify(yourObject)

In the listener

this.worker.addEventListener('message', (event) => {
   const currentChunk = JSON.parse(event.data);   
});

Answer 2

Some type of objects like ArrayBuffer and ImageBitmap which have the Transferable interface implementet and can be transfered without copy the Object.

Thats very usefull in Context of Canvas + Web worker cause you can save the time of copy the data between the threads.