「TypeScript 並列処理」の版間の差分
ナビゲーションに移動
検索に移動
| 2行目: | 2行目: | ||
{{amazon|4873119049}} | {{amazon|4873119049}} | ||
==Web Worker== | ==Web Worker== | ||
| + | let worker = new Worker("/scripts/browser_worker.js"); | ||
| + | worker.onmessage = e => { | ||
| + | console.log(`RECEIVE MESSAGE FROM WORKER:${e.data}`); | ||
| + | } | ||
| + | worker.postMessage("message to worker!"); | ||
| + | |||
| + | |||
| + | onmessage = e => { | ||
| + | console.log(`RECEIVE MESSAGE FROM MAIN : ${e.data}`); | ||
| + | postMessage(`Ack:"${e.data}"`); | ||
| + | } | ||
| + | |||
| + | <html> | ||
| + | <head> | ||
| + | <script src="scripts/browser_main_thread.js"></script> | ||
| + | <script src="scripts/browser_worker.js"></script> | ||
| + | </head> | ||
| + | <body> | ||
| + | TEST | ||
| + | </body> | ||
| + | </html> | ||
2020年7月24日 (金) 01:09時点における版
Web Worker
let worker = new Worker("/scripts/browser_worker.js");
worker.onmessage = e => {
console.log(`RECEIVE MESSAGE FROM WORKER:${e.data}`);
}
worker.postMessage("message to worker!");
onmessage = e => {
console.log(`RECEIVE MESSAGE FROM MAIN : ${e.data}`);
postMessage(`Ack:"${e.data}"`);
}
<html>
<head>
<script src="scripts/browser_main_thread.js"></script>
<script src="scripts/browser_worker.js"></script>
</head>
<body>
TEST
</body>
</html>
© 2006 矢木浩人
