ホームページ  >  記事  >  ウェブフロントエンド  >  jsコールバック関数とは

jsコールバック関数とは

anonymity
anonymityオリジナル
2019-05-29 09:32:1510905ブラウズ

JavaScript では、関数は第一級のオブジェクトです。これは、第一級の管理に従って関数をオブジェクトのように使用できることを意味します。関数は実際にはオブジェクトであるため、変数に「格納」したり、関数パラメーターとして渡したり、関数内で作成したり、関数から返すことができます。

jsコールバック関数とは

#関数はファーストクラスのオブジェクトであるため、JavaScript でコールバック関数を使用できます。次の記事では、コールバック関数についてすべて学びます。コールバック関数は、おそらく JavaScript で最もよく使用される関数プログラミング手法であり、文字通り JavaScript または jQuery コードの小さな部分のように見えますが、多くの開発者にとって依然として謎です。この記事を読むと、コールバック関数の使用方法が理解できます。

コールバック関数は、関数型プログラミングと呼ばれるプログラミング パラダイムから派生した概念です。簡単に言えば、関数型プログラミングとは、関数を変数として使用することです。関数型プログラミングは、昔も今も広く使用されていませんが、特別な訓練を受けたマスターレベルのプログラマーだけが使用できる秘密のテクニックとみなされていました。

幸いなことに、関数プログラミングのテクニックは完全に説明されており、私のような一般の人でも簡単に使用できるようになりました。関数型プログラミングの主なトリックの 1 つはコールバック関数です。次のコンテンツでは、コールバック関数の実装が実際には通常の関数にパラメータを渡すのと同じくらい簡単であることがわかります。このテクニックは非常に簡単なので、なぜこれが高度な Javascript テクニックの章に頻繁に含まれているのか不思議に思います。

コールバック関数または高階関数とは何かを説明する

コールバック関数は高階関数とも呼ばれ、パラメーターとして渡される関数です。別の関数(ここでは他の関数を「otherFunction」と呼びます)関数にコールバック関数を呼び出すと、そのotherFunction内でコールバック関数が呼び出されます。コールバック関数は本質的にプログラミング パターン (一般的な問題に対して作成されたソリューション) であるため、コールバック関数の使用はコールバック パターンとも呼ばれます。

jQuery でコールバック関数を使用する簡単で一般的な例を次に示します。

/注意到click方法中是一个函数而不是一个变量
//它就是回调函数
$("#btn_1").click(function() {
  alert("Btn 1 Clicked");
});

前の例でわかるように、関数をパラメーターとして click メソッドに渡しました。 click メソッドは、渡した関数を呼び出します (または実行します)。これは Javascript でのコールバック関数の典型的な使用法であり、jQuery で広く使用されています。

これは、JavaScript の典型的なコールバック関数の別の例です:

var friends = ["Mike", "Stacy", "Andy", "Rick"];
friends.forEach(function (eachName, index){
console.log(index + 1 + ". " + eachName); // 1. Mike, 2. Stacy, 3. Andy, 4. Rick
});

もう一度、匿名関数 (名前のない関数) をパラメータとして forEach メソッドに渡していることに注目してください。

これまで、匿名関数を引数として別の関数またはメソッドに渡してきました。より実践的な例を見て独自のコールバック関数を作成する前に、コールバック関数がどのように機能するかを理解しましょう。

以上がjsコールバック関数とはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。