[jwork-p] 2024-04-04 JavaSrcipt Web Worker。今日も、コツコツ勉強しよう。

┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ ┃　高度を目指す一日一題宿題メールマガジン　　　　　.&&&&　****　%%%%.　┃ ┃　　　　　　　　　　　　　　　　　　　　　　　　　&&&&&&******%%%%%%　┃ ┃　発行 斎藤末広 suehiro3721p＠gmail.com ＠は半角　'&┃&''*┃*''%┃%'　┃ ┗━━━━━━━━━━━━━━━━━━━━━━━━━━┻━━┻━━┻━━┛ 宿題メールトラブル/問題訂正 https://twitter.com/HomeWorkMail HmWk240404 ======================================================================== 　２０２４年４月４日 　旧暦　如月(きさらぎ，２月) ２６日 　4/4 清明(せいめい) → 4/19 穀雨(こくう) 　強化したい分野の問題を毎日１問　挑戦しよう 　このメールの下部の部分に解答欄があります。返信してください。 ====================================================================== ☆宿題メールCM 買い物・出張ホテル予約は 楽天 http://tiny.cc/r2w6wz ☆　携帯/常時接続は、楽天モバイル(特典あり) https://r10.to/hNhqLt ------------------------------------------------------------------------ # コラム 『趣味 JavaSrcipt』 その６ Web Worker 　Promise より独立を高めて別処理をするたの仕組みに、Web Worker があり ます。変数を共有しないため、実質的に別プロセスとなります。 　書き方が、かなり定型化しており、変数名、メソッド名が決まっています。 分かりやすくするために、プログラムで変更可能なところは、x 付きの名称とし ました。 　サンプルプログラムでは、「計算」ボタンを押すと、次々とイベント処理され て、Web Worker のインスタンスが生成するときに、別ファイルに書いてあ るプログラム渡します。このプログラムがバックグランドで実行されます。 以下では、xprocess.js プログラムが渡されています。 ``` let xworker = new Worker('xprocess.js'); ``` 　xprocess.js とメインプログラムとは変数名は共有化しません。データ渡しは Web Worker の　postMessage メソッドを利用します。計算が終了するまで、 以下のプログラムでは、"計算中"を表示するようにしています。 ``` document.getElementById('xbtn').addEventListener('click', function (e) { xworker.postMessage({ xnum: document.getElementById('xnum').value, });