| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

TypeScript 並列処理

提供: MyMemoWiki
2020年7月24日 (金) 04:48時点におけるPiroto (トーク | 投稿記録)による版 (→‎子プロセス)
ナビゲーションに移動 検索に移動

Node.js | Angular | Google Cloud Platform |

Web Worker(ブラウザ)

コード

  • scripts/browser_main_thread.ts
let worker = new Worker("/scripts/browser_worker.js");
worker.onmessage = e => {
    console.log(`RECEIVE MESSAGE FROM WORKER:${e.data}`);    
}
worker.postMessage("message to worker!");
  • scripts/browser_worker.ts
onmessage = e => {
    console.log(`RECEIVE MESSAGE FROM MAIN : ${e.data}`);
    postMessage(`Ack:"${e.data}"`);
}
  • index.html
<html>
<head>
    <script src="scripts/browser_main_thread.js"></script>
    <script src="scripts/browser_worker.js"></script>
</head>
<body>
    TEST
</body>
</html>

実行

Typescript multithred.png

子プロセス(Node.js)

  • ブラウザでのWeb Workerと同じ方法で動作