JS

デバウンス

上級

読み方:デバウンス|英語:Debounce

連続して発生するイベントを一定時間待ってから1回だけ実行する制御手法。検索入力などに使う。

やさしい説明

デバウンスは、連続するイベントの「最後の1回だけ」を実行する制御です。

検索入力で1文字ごとにAPIを呼ぶと負荷が大きいので、入力が止まってから検索を実行します。

具体例・使い方

入力: a → ab → abc →(300ms待機)→ 'abc'で検索実行

検索サジェスト、ウィンドウリサイズ後の再計算などに使う

よくある疑問

Q: デバウンスとスロットルの違いは?

A: デバウンスは最後の入力から一定時間後に実行、スロットルは一定間隔で実行します。

関連用語

関連ブログ記事

⚠️ 関連するエラー

❓ 関連するQ&A