animals makeTalk setTimeout次のセクションで矢印関數(shù)を紹介します。上記のコードを含むCodepenは次のとおりです（出力を表示するにはコンソールを開く必要があります）。 makeTalk

setTimeout(() => { alert('Howdy!'); }, 2000);

で実行されたコールバック関數(shù)にパラメーターを渡す2番目の方法があることがわかります。これには、遅延後にパラメーターをリストすることが含まれます。 getRandom前の例を參照してください。

setTimeout('alert("Howdy!");', 2000);

キーワードの質(zhì)問

setTimeout実行されたコードは、それを呼び出す関數(shù)とは異なる実行コンテキストで実行されます。これは、thisキーワードのコンテキストが重要な場合に問題になります。

function greet() {
  console.log('Howdy!');
}
setTimeout(greet, 2000);

オブジェクトを指し、2番目の例では、グローバルthisオブジェクトを指していることです（dog屬性はありません。 ）。 this この問題を解決するには、さまざまな方法があります... window sound値の説明設(shè)定

メソッドを使用して新しい関數(shù)を作成できます。呼び出されると、そのthisキーワードが提供された値に設(shè)定されます（この場合、

が得られます bind bindユーザーライブラリthis dog多くのライブラリには、この問題を解決するための組み込み関數(shù)が付屬しています。たとえば、jQueryの

const timeoutID = setTimeout(code);
const timeoutID = setTimeout(code, delay);

const timeoutID = setTimeout(functionRef);
const timeoutID = setTimeout(functionRef, delay);
const timeoutID = setTimeout(functionRef, delay[, arg1, arg2, /* … ,*/ argN])

矢印関數(shù)がES6に導(dǎo)入されました。それらは、通常の機(jī)能の構(gòu)文よりもはるかに短いです：jQuery.proxy()

function greet() {
  alert('Howdy!');
}
setTimeout(greet, 2000);

で使用できますが、1つ注意してください。矢印関數(shù)には獨(dú)自の値がありません。代わりに、囲まれた語彙コンテキストのsetTimeout値を使用します。

通常の関數(shù)を使用してください：

const greet = function() {
  alert('Howdy!');
};
setTimeout(greet, 2000);

矢印関數(shù)を使用してください：setTimeout this 2番目の例では、グローバルthisオブジェクトを指しています（繰り返しますが、

setTimeout(() => { alert('Howdy!'); }, 2000);

：

setTimeout('alert("Howdy!");', 2000);

this導(dǎo)入された方法で矢印関數(shù)を使用する場合、これは機(jī)能しません。矢印関數(shù)には獨(dú)自の値がないためです。このメソッドは引き続きwindowを記録します。 sound

ただし、矢印関數(shù)には獨(dú)自の値がないため、利點(diǎn)をもたらすこともできます。 setTimeout setTimeoutこのようなコードを検討してください：this

function makeTalk(animal) {
  const noises = {
    cat: 'purr',
    dog: 'woof',
    cow: 'moo',
    pig: 'oink',
  }

  console.log(`A ${animal} goes ${noises[animal]}.`);
}

function getRandom(arr) {
  return arr[Math.floor(Math.random() * arr.length)];
}

const animals = ['cat', 'dog', 'cow', 'pig'];
const randomAnimal = getRandom(animals);

setTimeout(() => {
  makeTalk(randomAnimal);
}, 1000);

this undefined矢印関數(shù)の始まりを知りたい場合は、「ES6 ARROW関數(shù)：JavaScriptの簡潔な構(gòu)文」を読んでください。

キャンセルタイマーsetTimeout

の返品値は、タイマーをキャンセルするためにthis関數(shù)と組み合わせて使用??できる數(shù)値IDです。

function greet() {
  console.log('Howdy!');
}
setTimeout(greet, 2000);

それが実際にどのように機(jī)能するか見てみましょう。下のペンでは、[カウントダウン]ボタンをクリックすると、カウントダウンが開始されます。カウントダウンが完了した場合、子貓が勝ちます。ただし、「停止カウントダウン」ボタンを押すと、タイマーが停止してリセットされます。 （カウントダウンがゼロに達(dá)したときにクールな効果がない場合、底の右側(cè)に埋め込まれたボタンを使用して再実行ペンを使用します。）

要約

を使用する方法を示します。また、パラメーターをsetTimeoutに渡す方法、コールバック関數(shù)內(nèi)のsetTimeout値を維持する方法、およびタイマーをキャンセルする方法も示しました。 this JavaScript関數(shù)のFAQ

setTimeout

• javascriptには何がありますか？ setTimeout

  は、JavaScriptの組み込み関數(shù)であり、指定された遅延（ミリ秒）の後に関數(shù)またはコードセグメントの実行をスケジュールできるようにします。

  setTimeout

• どのように機(jī)能しますか？ setTimeout

  関數(shù)を呼び出す場合、実行する関數(shù)またはコード、およびミリ秒の遅延という2つのパラメーターを提供する必要があります。提供された関數(shù)/コードがキューに追加され、指定された遅延の後、実行のためにキューからコールスタックに移動されます。

  setTimeout

• を使用する代替案は何ですか？ setTimeout はい、指定された間隔で関數(shù)を繰り返し、よりスムーズなアニメーションとより良いブラウザーパフォーマンス用の新しい

  などの代替案があります。

  setInterval requestAnimationFrame

いつ使用すべきではないのですか
• ？

  setTimeoutは、JavaScriptで非同期コード実行をスケジュールするための便利なツールですが、場合によっては最良の選択ではない場合があります。正確なアニメーションまたはゲームには、

  を使用する必要があります。複數(shù)の呼び出しをネストしないでください。

  10ミリ秒未満の遅延の不正確さ。リアルタイムアプリケーション（オンラインマルチプレイヤーゲームや金融取引プラットフォームなど）を構(gòu)築している場合は、WebSocketsなどのリアルタイムテクノロジーを選択してください。大規(guī)模なCPU集約型タスクは、必要に応じてWebワーカーを使用できます。 setTimeout requestAnimationFrame setTimeout setTimeout

操作をキャンセルできますか？

• はい、setTimeout関數(shù)を使用して、スケジュールされたタイムアウトをキャンセルできます。パラメーターとしてで返されるタイムアウトIDが必要です。たとえば、

  clearTimeout setTimeout const timeoutId = setTimeout(myFunction, 1000); clearTimeout(timeoutId);

と
• の違いは何ですか？

  setTimeout指定された遅延後に1回実行する機(jī)能をスケジュールしますが、setIntervalは、キャンセルされるかプログラムが停止するまで、指定された間隔で関數(shù)を繰り返し実行するようにスケジュールします。

• setTimeoutを使用できる最小遅延値はいくらですか？

  最小遅延値は0です。つまり、機(jī)能は現(xiàn)在のスレッドが完了する前に実行されるようにスケジュールされますが、保留中のイベントを処理します。ただし、タイマーの実際の粒度は、ブラウザからブラウザや環(huán)境、さまざまなブラウザーまでさまざまです。一部の環(huán)境は、10ミリ秒未満の遅延をサポートしていない場合があります。

• setTimeoutnode.jsには何がありますか？

  setTimeoutは、指定された數(shù)ミリ秒數(shù)で特定の関數(shù)またはコードブロックの実行を遅らせるnode.jsの組み込み関數(shù)です。

• node.jsでsetTimeoutを使用するにはどうすればよいですか？

  次のようにsetTimeout関數(shù)を使用できます。setTimeout(callback, delay);ここで、callbackは、指定されたミリ秒遅延後に実行する関數(shù)です。

• node.jsでsetTimeoutを使用するためのベストプラクティスは何ですか？

  いくつかのベストプラクティスには、名前付き関數(shù)をコールバックとして使用すること、エラーを優(yōu)雅に処理すること、予期しない遅延や閉塞を避けるためのイベントループの動作を理解することが含まれます。また、次のイベントループサイクル中にすぐに実行するためにsetImmediateを使用することを検討してください。

（入力テキストにはCodepenへのリンクが含まれているため、Codepenのコンテンツを出力に直接レンダリングすることはできません。記事に記載されているリンクにアクセスして、CodePenデモを表示する必要があります。）

以上がSettimeout JavaScript関數(shù)：例を掲載したガイドの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。