JSコールバック関数はパラメータを使用します

今回はJSコールバック関数で使用するパラメータについてご紹介します。実際のケースを見てみましょう。

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

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

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

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

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

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

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

コールバック関数の最も一般的なアプリケーション シナリオは非同期操作です。非同期操作の場合、操作がいつ終了するかわからないため、その後に実行するコードは適切なプロセスに従うことができません。

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

推奨読書:

p5.js は、draw() 関数を使用して黄金のスパイラルを作成します

vue+keep-alive Web サイトのキャッシュを操作する方法

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