ホームページ  >  記事  >  ウェブフロントエンド  >  JSコールバック関数の例を詳しく解説

JSコールバック関数の例を詳しく解説

php中世界最好的语言
php中世界最好的语言オリジナル
2018-05-03 16:18:451586ブラウズ

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

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

document.getElementById('demo').click=function(){
  alert(1);
};
このコードは実際にはイベント コールバックです。次のコードを見てみましょう

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

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

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

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

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

推奨読書:

Vue.jsでのcomputedの使用の詳細な説明


jsによる生年月日正規表現の検証

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

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