JavaScript のコールバックを理解する
コールバックは、他の関数に引数として渡され、後で実行される関数です。これらを使用すると、コードの正確なタイミングや位置を知らなくても、別の関数の実行中の特定の時点でコードを実行できます。JavaScript では、コールバックは、HTTP の実行などの非同期操作を処理するために一般的に使用されます。リクエストまたはタイマーの設定。コールバック関数は main 関数に引数として渡され、非同期操作が完了すると実行されます。
JavaScript でのコールバック関数の使用例を次に示します。
```
function makeRequest(callback) {
// Make an HTTP リクエストはこちら
// ...
callback();
}
makeRequest(function() {
console.log("Request completed");
});
```
この例では、`makeRequest`関数はコールバック関数を引数として指定し、HTTP リクエストが完了するとその関数を実行します。コールバック関数は引数として `makeRequest` 関数に渡され、リクエストが完了すると実行されます。コールバック関数は Promise とともに使用することもでき、より構造化された方法で非同期操作を処理できます。これは、Promise でコールバック関数を使用する例です。
```
function makeRequest(callback) {
// ここで HTTP リクエストを作成します
// ...
Promise.resolve().then(callback);
}
makeRequest(function() {
console.log("リクエスト完了");
});
```
この例では、`makeRequest` 関数は Promise を返し、その後コールバック関数で解決されます。コールバック関数は、Promise が解決されたとき、つまり HTTP リクエストが完了したときに実行されます。コールバックは、マウスのクリックやキーの押下などのイベントでも使用できます。イベント リスナーでコールバック関数を使用する例を次に示します。
```
document.getElementById("myButton").addEventListener("click", function() {
console.log("Button clicked");
} );
```
この例では、HTML ボタン要素で `addEventListener` メソッドが呼び出され、コールバック関数を引数として渡します。ボタンをクリックすると、コールバック関数が実行され、メッセージがコンソールに記録されます。
高く評価
低く評価
コンテンツエラーを報告する
シェア
