Weitere ähnliche Inhalte Ähnlich wie Web workers¶llel.js html5勉強会lt大会 (20) Web workers¶llel.js html5勉強会lt大会2. (function() {
let me = {
name : 島川悠太 ,
twitter : @banana_umai ,
as : Server Side Engineer ,
belogns_to : 株式会社リブセンス
}
})();
10. <script>
var worker = new Worker("js/worker.js");
worker.onmessage = function(event) {
console.log(event.data);
};
worker.postMessage(msg);
</script>
self.onmessage = function(event) {
loadScripts( proc.js );
postMessage(procWithData(event.data));
}
11. <script>
var worker = new Worker("js/worker.js");
worker.onmessage = function(event) {
console.log(event.data);
};
worker.postMessage(msg);
</script>
self.onmessage = function(event) {
loadScripts( proc.js );
postMessage(procWithData(event.data));
}
12. <script>
var worker = new Worker("js/worker.js");
worker.onmessage = function(event) {
console.log(event.data);
};
worker.postMessage(msg);
</script>
self.onmessage = function(event) {
loadScripts( proc.js );
postMessage(procWithData(event.data));
}
13. <script>
var worker = new Worker("js/worker.js");
worker.onmessage = function(event) {
console.log(event.data);
};
worker.postMessage(msg);
</script>
self.onmessage = function(event) {
loadScripts( proc.js );
postMessage(procWithData(event.data));
}
14. <script>
var worker = new Worker("js/worker.js");
worker.onmessage = function(event) {
console.log(event.data);
};
worker.postMessage(msg);
</script>
self.onmessage = function(event) {
loadScripts( proc.js );
postMessage(procWithData(event.data));
}
15. <script>
var worker = new Worker("js/worker.js");
worker.onmessage = function(event) {
console.log(event.data);
};
worker.postMessage(msg);
</script>
self.onmessage = function(event) {
loadScripts( proc.js );
postMessage(procWithData(event.data));
}
16. <script>
var worker = new Worker("js/worker.js");
worker.onmessage = function(event) {
console.log(event.data);
};
worker.postMessage(msg);
</script>
self.onmessage = function(event) {
loadScripts( proc.js );
postMessage(procWithData(event.data));
}
17. <script>
var worker = new Worker("js/worker.js");
worker.onmessage = function(event) {
console.log(event.data);
};
worker.postMessage(msg);
</script>
self.onmessage = function(event) {
loadScripts( proc.js );
postMessage(procWithData(event.data));
}
18. <script>
var worker = new Worker("js/worker.js");
worker.onmessage = function(event) {
console.log(event.data);
};
worker.postMessage(msg);
</script>
self.onmessage = function(event) {
loadScripts( proc.js );
postMessage(procWithData(event.data));
}
23. <script src= js/parallel.js ></script>
<script>
var data = …;
var p = new Parallel(data);
p.spawn(function (data) {
// some proc with data running in background
…
return result;
}).then(function (result) {
// some proc with result
…
});
</script>
25. <script src= js/parallel.js ></script>
<script>
var data = [1, 2, 3, 4];
var p = new Parallel(data);
p.map(function (datum) {
return datum * 2;
}).reduce(function (mappedData) {
return mappedData[0] + mappedData[1];
}).then(function (reduced) {
console.log(mappedData); // 20
});
</script>