【JavaScript入門】setTimeoutの使い方

プログラミング言語の辞書

JavaScriptのsetTimeoutメソッドは、指定した時間が経過した後に関数を実行するための方法です。

setTimeoutメソッドの基本

まず、setTimeoutの基本的な使用方法ですが、実行したい関数と待機時間(ミリ秒単位)を引数に渡します。たとえば、3秒後にメッセージを表示したい場合、待機時間は3000ミリ秒となります。

このメソッドは一度だけ関数を実行します。一方で、繰り返し実行したい場合はsetIntervalを使用します。また、setTimeoutは実行IDを返します。このIDを使用してclearTimeoutメソッドを呼び出すことで、実行予定の関数をキャンセルすることができます。

次に注意点ですが、setTimeoutで関数を渡す際には、即時実行されないように関数参照を渡す必要があります。関数呼び出しを直接渡すと、即座に実行されてしまいます。また、setTimeout内ではthisのコンテキストが変わることがあります。この問題を解決するためには、bindメソッドを使用して正しいコンテキストを設定するか、アロー関数を使用することが推奨されます。

さらに、このメソッドは指定した時間後に一度だけ関数を実行するため、特定の遅延処理や一時的なメッセージ表示などに非常に便利です。たとえば、ユーザーのアクション後に確認メッセージを表示する際などに使用されます。

以上のように、setTimeoutを活用することで、時間遅延を伴うさまざまな非同期処理を簡単に実現することができます。