Come passare istanze di classi personalizzate tramite Web-Workers?

Question

Dal Web Worker JSON serializzare i dati tra le discussioni, qualcosa come questo non funziona:

worker.js

function Animal() {} 
Animal.prototype.foobar = function() {} 

self.onmessage = function(e) { 
    self.postMessage({animal: new Animal()}) 
} 

main.js

let worker = new Worker('worker.js') 

worker.onmessage = function(e) { 
    console.log(e.data) 
} 

worker.postMessage('go!') 

Il risultato sarebbe un oggetto semplice con la perdita del metodo prototipo foobar.

È possibile trasferire nuovamente l'oggetto personalizzato al thread principale senza perdere i suoi metodi di prototipo? Come, sarebbe possibile con ArrayBuffer? Non ho familiarità con quella roba, quindi sono un po 'perso.

Answer 1

1. Supponendo che si programma sia il client e il webservice è possibile definire la funzione degli animali nei lati boths
2. Quindi è possibile aggiungere a Animal.prototype (in entrambi i lati) toJson metodo per passare le informazioni necessarie per ricreare l'oggetto (e può essere sceglie alcuni attributi per definire il className)
3. si definisce un reviver che utilizzano il processo inverso
4. Poi, quando si posta si deve sempre JSON.stringify (e)

5. Nel onMessage voi JSON.parse (m, reviver)

   function Animal(name, age){ 
       var private_name = name; 
       this.public_age = age; 
       this.log = function(){ 
       console.log('Animal', private_name, this.public_age); 
       } 
       this.toJson = function(){ 
       return JSON.stringify({ 
        __type__:'Animal', // name of class 
        __args__:[this.public_age, private_name] // same args that construct 
       }); 
       }   
   } 
   
   Animal.prototype.age = function(){ 
       return this.public_age; 
   } 
   
   var a = new Animal('boby', 6); 
   
   worker.postMessage(JSON.stringify(a)); 
   
   function reviver(o){ 
       if(o.__type__){ 
       var constructor=reviver.register[o.__type__]; 
       if(!constructor) throw Error('__type__ not recognized'); 
       var newObject = {}; 
       return constructor.apply(newObject, o.__args__); 
       } 
       return o; 
   } 
   
   reviver.register={}; // you can register any classes 
   
   reviver.register['Animal'] = Animal; 
   
   worker.onmessage = function(m){ 
       var a = JSON.parse(e, reviver); 
   }