「TypeScript 並列処理」の版間の差分
ナビゲーションに移動
検索に移動
(→実行) |
(→コード) |
||
| 10行目: | 10行目: | ||
} | } | ||
worker.postMessage("message to worker!"); | worker.postMessage("message to worker!"); | ||
| − | *scripts/browser_worker. | + | *scripts/browser_worker.ts |
onmessage = e => { | onmessage = e => { | ||
console.log(`RECEIVE MESSAGE FROM MAIN : ${e.data}`); | console.log(`RECEIVE MESSAGE FROM MAIN : ${e.data}`); | ||
| 25行目: | 25行目: | ||
</body> | </body> | ||
</html> | </html> | ||
| + | |||
===実行=== | ===実行=== | ||
[[File:typescript_multithred.png|400px]] | [[File:typescript_multithred.png|400px]] | ||
2020年7月24日 (金) 01:18時点における版
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>
実行
© 2006 矢木浩人
