ホームページ  >  記事  >  ウェブフロントエンド  >  JSコールバック関数を使用した事例説明

JSコールバック関数を使用した事例説明

php中世界最好的语言
php中世界最好的语言オリジナル
2018-05-09 10:28:461405ブラウズ

今回はJSコールバック関数を使用するケースの説明、JSコールバック関数を使用する際の注意事項について説明します。以下は実際的なケースです。見てみましょう。

コールバック関数について話す前に、まずコードの一部を見てみましょう。JS の基本的な知識がある学生ならその意味を理解できると思います:

document.getElementById('demo').click=function(){
  alert(1);
};

このコードは実際にはイベント コールバックです。次のコードを見てみましょう

この 2 つのコードは、実際には同じことを行います。唯一の違いは、その記述方法です。この関数には 2 つのパラメータがあります。 1 つ目はイベント名で、2 つ目のパラメータは実際には、関数をコールバックすることを意味します。本に記載されている関数をコールバックする方法によれば、関数内のパラメータは変数にすることができるため、変数にすることもできます。関数。おそらく、現時点では関数を返すことについて誰もがまだ混乱しているでしょう。次の例を見てみましょう。

document.getElementById('demo').addEventListener('click',function(){
    alert(1)
});
addEventListener('eventName',callback)addEventListenerこのコードはデモ関数を定義します。この関数には 3 つのパラメーター a、b、callback があります。この関数内でローカル変数 c を宣言し、コールバック (コールバック関数) を実行してから、デモ関数を実行します

この関数のパラメータは上記の通りで、return 関数でポップアップする値は 3 です。これは単純なコールバック関数です。コールバック関数の意味を真に理解するには、その目的を理解することによってのみ本当の意味で理解できると思います。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

ファジーボックスでWebUploaderを使用する手順の詳細な説明


Vue.jsでの計算されたユースケースの詳細な説明

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

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