jqueryのコールバック関数(callback)の使い方を詳しく解説
jqueryを独学で勉強していた時、英単語(Callback)を見て、思わず背中に冷や汗をかきました。ちょっとグーグルで調べたところ、元の中国語翻訳は callback であることがわかりました。それがコールバック関数です。理解できなかったので、コールバック関数についてググってみたところ、インターネット上の中国語の説明はあまりにも「難解」であることがわかり、自分の才能と知識が不足していたことを認めました。いくつかのコールバックの例を読んだ後、少し理解できたように思います。以下はコールバック関数についての私の理解です。間違って理解している場合は、修正していただければ幸いです。 Q まず、jQuery Web サイトの英語の定義から始めましたが、中国人として本当に悲劇を感じます。コールバックの定義は国内の「専門家」が説明する ぐるぐる回っているだけのようだ。浮雲、すべてが浮雲です。
コールバックとは、別の関数に引数として渡され、親関数の完了後に実行される関数です。
これはjsでの説明であり、他の言語では触れていません。
文字通り理解すると、コールバックは関数の呼び出しプロセスです。それでは、この呼び出しプロセスを理解することから始めましょう。関数 a には関数 b という 1 つのパラメータがあります。関数 a が実行されると、関数 b も実行されます。そして、このプロセスはコールバックと呼ばれます。
実際、中国語もわかりやすいです。コールバック、コールバック、コールバックという意味です。関数 a を先に終了し、後で関数 b を呼び出します。
実際の例: デートの後、彼女を家に送り届けるとき、あなたは必ず「家に帰ったらメッセージを送ってください。あなたのことが心配です。」と言うでしょう。実際にメッセージを送った後、ガールフレンドが返信します。少年、あなたにはチャンスがあります。
実際、これはコールバックプロセスです。あなたは機能 b (彼女にメッセージを送ってもらう) を彼女に残し、彼女が家に帰るという行動が機能 a です。彼女はまず家に戻り、関数 a の内容を実行し、次に関数 b を実行する必要があります。すると、メッセージが表示されます。
ここで 1 つ明確にしておく必要があります。関数 b はパラメーターの形式で関数 a に渡され、関数 b はコールバック関数と呼ばれます。
もしかしたら誰かが疑問を持っているかもしれません: 関数 b を関数 a で直接呼び出すことはパラメータの形式で渡す必要がありますか?確かにそれは可能です。解決中。
<質問 回答: 関数 a 内で直接呼び出すと、コールバック関数が制限されます。ただし、
関数をパラメーターとして使用するには、次のような利点があります。 a(b) を実行すると、関数 b はコールバック関数になり、a(c) も実行できる場合は、関数 c はコールバック関数になります。関数 a(){...;b();} を記述すると、変数の柔軟性が失われます。 >
理解の例: <html>
<head>
<title>回调函数(callback)</title>
<script language="javascript" type="text/javascript">
function a(callback)
{
alert("我是parent函数a！");
alert("调用回调函数");
callback();
}
function b(){
alert("我是回调函数b");
}
function c(){
alert("我是回调函数c");
}
function test()
{
a(b);
a(c);
}
</script>
</head>
<body>
<h1>学习js回调函数</h1>
<button onClick=test()>click me</button>
<p>应该能看到调用了两个回调函数</p>
</body>
</html>
JS API では、次のように説明されています。コールバックは、別の関数に引数として渡され、その親関数が完了した後に実行される関数です。
もちろん、JS でコールバック関数の魔法を実際に試すこともできます。
関数a内で直接呼び出すと、このコールバック関数は制限されます。ただし、関数をパラメーターとして使用すると、次のような利点があります。 a(b) を実行すると関数 b がコールバック関数になり、a(c) も実行できる場合は関数 c がコールバック関数になります。関数 a(){...;b();} を作成すると、変数の柔軟性が失われます。コードは次のとおりです:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="GBK" />
<title>回调函数(callback)</title>
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
var f;
function d(){
alert("我是Jquery定义的函数d");
}
var e = function(){
alert("我也是Jquery定义的函数e");
}
function a(callback) {
alert("我是parent函数a！");
d();
if (typeof callback === "function"){
//alert(callback);
callback();
}
}
function b(){
alert("我是回调函数b");
d();
e();
f();
}
function c(){
alert("我是回调函数c");
d();
e();
f();
}
function test1() {
a(b);
}
function test2() {
a(c);
}
$(function(){
f = function(){
alert("我是回调函数f");
}
});
</script>
</head>
<body >
<h1>学习js回调函数</h1>
<button onClick=test1()>test a(b)</button>
<button onClick=test2()>test a(c)</button>
<p>应该能看到调用了两个回调函数</p>
<p > </p>
</body>
</html>以上がjqueryのコールバック関数(callback)の使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
1666
14
1425
52
1327
25
1273
29
1252
24
golang 関数で新しい関数を動的に作成するためのヒント
Apr 25, 2024 pm 02:39 PM
Go 言語は、クロージャとリフレクションという 2 つの動的関数作成テクノロジを提供します。クロージャを使用すると、クロージャ スコープ内の変数にアクセスでき、リフレクションでは FuncOf 関数を使用して新しい関数を作成できます。これらのテクノロジーは、HTTP ルーターのカスタマイズ、高度にカスタマイズ可能なシステムの実装、プラグイン可能なコンポーネントの構築に役立ちます。
C++ 関数の命名におけるパラメーターの順序に関する考慮事項
Apr 24, 2024 pm 04:21 PM
C++ 関数の名前付けでは、読みやすさを向上させ、エラーを減らし、リファクタリングを容易にするために、パラメーターの順序を考慮することが重要です。一般的なパラメータの順序規則には、アクション-オブジェクト、オブジェクト-アクション、意味論的な意味、および標準ライブラリへの準拠が含まれます。最適な順序は、関数の目的、パラメーターの種類、潜在的な混乱、および言語規約によって異なります。
Excel関数の公式の完全なコレクション
May 07, 2024 pm 12:04 PM
1. SUM 関数は、列またはセルのグループ内の数値を合計するために使用されます (例: =SUM(A1:J10))。 2. AVERAGE 関数は、列またはセルのグループ内の数値の平均を計算するために使用されます (例: =AVERAGE(A1:A10))。 3. COUNT 関数。列またはセルのグループ内の数値またはテキストの数をカウントするために使用されます。例: =COUNT(A1:A10)。 4. IF 関数。指定された条件に基づいて論理的な判断を行い、結果を返すために使用されます。対応する結果。
C++関数のデフォルトパラメータと可変パラメータの長所と短所の比較
Apr 21, 2024 am 10:21 AM
C++ 関数のデフォルト パラメーターの利点には、呼び出しの簡素化、可読性の向上、エラーの回避などがあります。欠点は、柔軟性が限られていることと、名前の制限があることです。可変引数パラメーターの利点には、無制限の柔軟性と動的バインディングが含まれます。欠点としては、複雑さの増大、暗黙的な型変換、デバッグの難しさなどが挙げられます。
参照型を返す C++ 関数の利点は何ですか?
Apr 20, 2024 pm 09:12 PM
C++ で参照型を返す関数の利点は次のとおりです。 パフォーマンスの向上: 参照による受け渡しによりオブジェクトのコピーが回避され、メモリと時間が節約されます。直接変更: 呼び出し元は、返された参照オブジェクトを再割り当てせずに直接変更できます。コードの簡素化: 参照渡しによりコードが簡素化され、追加の代入操作は必要ありません。
Java で効率的で保守しやすい関数を記述するにはどうすればよいでしょうか?
Apr 24, 2024 am 11:33 AM
効率的で保守しやすい Java 関数を作成するための鍵は、シンプルに保つことです。意味のある名前を付けてください。特殊な状況に対処します。適切な可視性を使用してください。
カスタム PHP 関数と定義済み関数の違いは何ですか?
Apr 22, 2024 pm 02:21 PM
カスタム PHP 関数と定義済み関数の違いは次のとおりです。 スコープ: カスタム関数はその定義のスコープに限定されますが、事前定義関数はスクリプト全体からアクセスできます。定義方法: カスタム関数は function キーワードを使用して定義されますが、事前定義関数は PHP カーネルによって定義されます。パラメータの受け渡し: カスタム関数はパラメータを受け取りますが、事前定義された関数はパラメータを必要としない場合があります。拡張性: カスタム関数は必要に応じて作成できますが、事前定義された関数は組み込みで変更できません。
C++ 関数例外の詳細: カスタマイズされたエラー処理
May 01, 2024 pm 06:39 PM
C++ の例外処理は、特定のエラー メッセージ、コンテキスト情報を提供し、エラーの種類に基づいてカスタム アクションを実行するカスタム例外クラスを通じて強化できます。 std::Exception から継承した例外クラスを定義して、特定のエラー情報を提供します。カスタム例外をスローするには、throw キーワードを使用します。 try-catch ブロックでdynamic_castを使用して、キャッチされた例外をカスタム例外タイプに変換します。実際の場合、open_file 関数は FileNotFoundException 例外をスローします。例外をキャッチして処理すると、より具体的なエラー メッセージが表示されます。
