addEventListenerでリッスンしているイベントをPromise化する

テクノロジーカテゴリーの変更を依頼記事元:

zenn.dev/reactance

36users がブックマークコメント

記事へのコメント4件

注目コメント
新着コメント

fukken この場合 "特定のイベントの発生を待ってから何か処理をしているということが直感的に理解しやすく" なっている事を示す例なのでawaitで問題ない。何をやってるか分かってない人が安易に書くと性能問題が出るのはそう。

2022/06/06 リンク

kazuau awaitせずにthenで処理しないとまずいのでは?

javascript

2022/06/06 リンク

yarumato “イベントをPromiseで受け取れるようにして同期処理っぽく書く方法を紹介。「コールバック関数をPromiseでラップする」手法は応用が利いて、視野が広がった感覚。TypeScriptで書こうとすると型の定義が難しい”

2022/06/05 リンク

cpw これは安易に使わないほうが良さそう。今までなら後続処理がすぐに実行されていたのにこのコードに変えたらすぐに実行されなくなる。初期ロードでそんなことしたら大変。

javascript

2022/06/05 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

addEventListenerでリッスンしているイベントをPromise化する

概要 addEventListenerはブラウザ組み込みのAPIの中でも最もよく使われるメソッドの中の一つだと思いま... 概要 addEventListenerはブラウザ組み込みのAPIの中でも最もよく使われるメソッドの中の一つだと思います。このメソッドはぱっと見で処理がわかりにくく引数にコールバック関数を取るため、初心者の頃に物凄く読みにくいコードを書いた人も多いのではないでしょうか？ addEventListenerが読みにくくなってしまう簡単な例を挙げます。以下のコードのようにAというイベントが発生しないとBというイベントを購読する処理をかけないといったイベント間に依存関係がある場合は、処理が増えるにつれ直感的なコードを書くことが難しくなっていくと思われます。 // <body>より上の位置で<script>にdefer属性なしで書かれてあると思ってください。 document.addEventListener("DOMContentLoaded", () => { console.log("DOMCo