「TypeScript 並列処理」の版間の差分
ナビゲーションに移動
検索に移動
2行目: | 2行目: | ||
{{amazon|4873119049}} | {{amazon|4873119049}} | ||
==Web Worker== | ==Web Worker== | ||
+ | *[https://www.typea.info/blog/index.php/2020/07/23/typescript_node_environment/ TypeScriptをブラウザで実行する環境を準備] | ||
+ | *scripts/browser_main_thread.ts | ||
let worker = new Worker("/scripts/browser_worker.js"); | let worker = new Worker("/scripts/browser_worker.js"); | ||
worker.onmessage = e => { | worker.onmessage = e => { | ||
7行目: | 9行目: | ||
} | } | ||
worker.postMessage("message to worker!"); | worker.postMessage("message to worker!"); | ||
− | + | *scripts/browser_worker. | |
− | |||
onmessage = e => { | onmessage = e => { | ||
console.log(`RECEIVE MESSAGE FROM MAIN : ${e.data}`); | console.log(`RECEIVE MESSAGE FROM MAIN : ${e.data}`); | ||
postMessage(`Ack:"${e.data}"`); | postMessage(`Ack:"${e.data}"`); | ||
} | } | ||
− | + | *index.html | |
<html> | <html> | ||
<head> | <head> |
2020年7月24日 (金) 01:12時点における版
Web Worker
- TypeScriptをブラウザで実行する環境を準備
- 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. 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 矢木浩人