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

MyMemoWiki

「TypeScript 並列処理」の版間の差分

提供: MyMemoWiki
ナビゲーションに移動 検索に移動
29行目: 29行目:
 
[[File:typescript_multithred.png|400px]]
 
[[File:typescript_multithred.png|400px]]
  
==子プロセス==
+
==子プロセス(Node.js)==
 +
*ブラウザでのWeb Workerと同じ方法で動作

2020年7月24日 (金) 04:48時点における版

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と同じ方法で動作