処理を停止させて、イベント待ち状態にしたい

JavaScriptで、処理を停止（setTimeout()で待つのではなく、無限に待ちたい）させて、
ユーザのイベントを待って、例えばクリックイベントが発生したら動きだすような処理は、
どのように書けばよいでしょうか？
ビジーループは使わない方向でお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

javascriptでは何かが完了したときに次の処理を行うための仕組みとしてPromiseというものが存在し、それを利用したasync/awaitという構文があります。
「クリックイベントが発生したら次の処理を実行するPromise」を作成し、それを利用すればほぼ目的の動作が実現できると思います。

javascript
1const WaitForClick = () => new Promise(resolve => document.body.addEventListener("click", resolve));
2
3async function WaitSample() {
4  console.log("クリック待ち開始。");
5  await WaitForClick();
6  console.log("この行は、クリックされた後に実行されます。");
7}
8
9WaitSample();