Оптимизация вызовов функций из воркеров (web-workers)

Оно не должно работать быстрее, потому что под капотом у воркеров живёт всё тот же js движок, который исполняется в тот же один поток, но на другом ядре. Единственное что может сказываться — области видимости. Поиск переменной в контексте window является на самом деле не дешевым удовольствием, о чём часто забывают.

Пытался использовать воркеры, но уперся в передачу ему параметров.
У меня через вебсокеты приходит большой объем данных в виде массива байт, и я хочу в воркере его разобрать в массив(прочитать там int'ы, строки, байты и прочее) и вернуть результат основному потоку.
Но вот как передать большой массив в воркер не понятно, так как просто так туда объекты не передашь.
Может кто-нибудь разъяснить, как все таки лучше передавать туда данные?

Может кто-то подсказать как сделать отрисовку в канвасе в отдельном потоке?

Для вызовов функций внутри воркера извне, очень подошли бы Proxy.

Может можно автоматическое определение функций сделать? Ну, как–то так:

во внешнем коде

function Performer(scriptSource) {
    var worker = new Worker(scriptSource), callbacks = {}, nextRequestId = 0;	
    var perform = function(functionName, params, callback) {
        callbacks["request_" + (++nextRequestId)] = callback;
        worker.postMessage(
         {functionName: functionName, params: params, requestId: nextRequestId}
        );
    }

    var self = this;
    worker.onmessage = function(msg) {
        if (msg.data.__methods__) {   // получили список функций, делаем их методами Performer'a
            var methods = msg.data.__methods__;
            var appendMethod = function (name) {
                self[name] = function (params, callback) {
                    perform(name, params, callback);
                }
            };
            for (var i = 0; i < methods.length; ++i) { 
                appendMethod(method[i]);
            }
        }
        else {
            callbacks["request_" + msg.data.requestId](msg.data.result);
            delete callbacks["request_" + msg.data.requestId];
        }
    }

    perform('__init__');
}

во внутреннем коде:

onmessage = function (event) {
    if (event.data.functionName === '__init__') {
        var methods = [    // может и тут как–то можно автоматизировать?
            'firstFunction',
            'secondFunction'
            ...
        ];
        postMessage({__methods__: methods }); 
    }
    else {
        var requestId = event.data.requestId;
        var workerFunction = eval(event.data.functionName);
        var params = event.data.params;
        var result =  workerFunction(params);
        postMessage({result: result, requestId: requestId}); 
    }
}

О, так вообще классно получается! (если ещё добавить обработку ошибок)
Теперь можно с полным правом переименовать Performer в WorkerProxy:

function WorkerProxy(scriptSource) {

    var self = this;
	
	var worker = new Worker(scriptSource), callbacks = {}, nextRequestId = 0;	
	
	this.perform = function(functionName, params, successCallback, errorCallback) {
		callbacks["request_" + (++nextRequestId)] = 
		{successCallback: successCallback, errorCallback: errorCallback};
		worker.postMessage({functionName: functionName, params: params, requestId: nextRequestId});
	}
			
	worker.onmessage = function(msg) {
		if (msg.data.__methods__) {   // получили список функций, делаем их методами WorkerProxy
			var methods = msg.data.__methods__;
	        for (var i = 0; i < methods.length; i++) { 	       
	        	eval('self["'+methods[i]+'"] = function (params, successCallback, errorCallback) {'
	            	+'self.perform("'+methods[i]+'", params, successCallback, errorCallback);}');	                    
	        }
	        return;
	    }
        if(msg.data.error){
          if( callbacks["request_" + msg.data.requestId].errorCallback){
        	  callbacks["request_" + msg.data.requestId].errorCallback(msg.data.error);
          }else{
        	  alert(msg.data.error);
          }
        }else{	
    	  callbacks["request_" + msg.data.requestId].successCallback(msg.data.result);
        }
        delete callbacks["request_" + msg.data.requestId];	   
	}	
	
	this.perform('__init__');
}

а в воркере будет так:

    onmessage = function (event) {
	    if (event.data.functionName === '__init__') {
	        var methods = [];
	        for(var f in self){methods.push(f);}
	        postMessage({__methods__: methods }); 
	        return;
	    }
    	var requestId = event.data.requestId;
	    try{		       
	        var workerFunction = eval(event.data.functionName);
	        var params = event.data.params;
	        var result =  workerFunction(params);
	        postMessage({result: result, requestId: requestId});	        
	    }catch(ex){
	    	postMessage({error: ex + ", functionName="+event.data.functionName, requestId: requestId});
	    }  	    
	}  

и вызов:

var myWorker = new WorkerProxy("myscript");
myWorker.firstFunction({some:"some"}, function(result){console.log("result1="+result);});