JavaScriptのコールバック関数の理解を深める

関数をコールバックとして別の関数に渡し、それを実行させることは理解していますが、それを行うための最適な実装を理解していません。次のような非常に基本的な例を探しています。

var myCallBackExample = {
    myFirstFunction : function( param1, param2, callback ) {
        // Do something with param1 and param2.
        if ( arguments.length == 3 ) {
            // Execute callback function.
            // What is the "best" way to do this?
        }
    },
    mySecondFunction : function() {
        myFirstFunction( false, true, function() {
            // When this anonymous function is called, execute it.
        });
    }
};

myFirstFunctionで、new callback（）を返す場合、それは機能し、無名関数を実行しますが、それは私にとって正しいアプローチのようには見えません。

あなたはただ言うことができます

callback();

または、コールバック内ののcall値を調整する場合は、このメソッドを使用できthisます。

callback.call( newValueForThis);

関数の中身はthis何でもかまいませんnewValueForThis。

コールバックが存在し、実行可能関数であるかどうかを確認する必要があります。

if (callback && typeof(callback) === "function") {
    // execute the callback, passing parameters as necessary
    callback();
}

ライブラリ（jQueryの、道場、等）多くのそれらの非同期機能のために同様のパターンを使用し、ならびにすべての非同期機能のためのNode.js（通常通過nodejs error及びdataコールバック）。彼らのソースコードを調べることは助けになるでしょう！

関数を実行するには、主に3つの可能性があります。

var callback = function(x, y) {
    // "this" may be different depending how you call the function
    alert(this);
};

1. callback（argument_1、argument_2）;
2. callback.call（some_object、argument_1、argument_2）;
3. callback.apply（some_object、[argument_1、argument_2]）;

選択する方法は、次のいずれかによって異なります。

1. 引数が配列に格納されているか、個別の変数として格納されています。
2. あるオブジェクトのコンテキストでその関数を呼び出したいとします。この場合、そのコールバックで「this」キーワードを使用すると、call（）またはapply（）で引数として渡されたオブジェクトが参照されます。オブジェクトコンテキストを渡したくない場合は、nullまたはundefinedを使用します。後者の場合、「this」にはグローバルオブジェクトが使用されます。

Function.call、 Function.applyのドキュメント

コールバックはシグナルに関するものであり、「新規」はオブジェクトインスタンスの作成に関するものです。

この場合、「callback（）;」だけを実行するのがさらに適切です。「return new callback（）」よりも、とにかく戻り値で何もしていません。

（そして、arguments.length == 3テストは本当に不格好です、fwiw、コールバックparamが存在し、関数であることを確認する方が良いです。）

適切な実装は次のとおりです。

if( callback ) callback();

これにより、コールバックパラメータがオプションになります。

以下を使用できます。

if (callback && typeof(callback) === "function") {
    callback();
}

以下の例はもう少し包括的です：

function mySandwich(param1, param2, callback) {
  alert('Started eating my sandwich.\n\nIt has: ' + param1 + ', ' + param2);
  var sandwich = {
      toppings: [param1, param2]
    },
    madeCorrectly = (typeof(param1) === "string" && typeof(param2) === "string") ? true : false;
  if (callback && typeof(callback) === "function") {
    callback.apply(sandwich, [madeCorrectly]);
  }
}

mySandwich('ham', 'cheese', function(correct) {
  if (correct) {
    alert("Finished eating my " + this.toppings[0] + " and " + this.toppings[1] + " sandwich.");
  } else {
    alert("Gross!  Why would I eat a " + this.toppings[0] + " and " + this.toppings[1] + " sandwich?");
  }
});

callback()JavaScript の関数を説明する基本的な例を次に示します。

var x = 0;

function testCallBack(param1, param2, callback) {
  alert('param1= ' + param1 + ', param2= ' + param2 + ' X=' + x);
  if (callback && typeof(callback) === "function") {
    x += 1;
    alert("Calla Back x= " + x);
    x += 1;
    callback();
  }
}

testCallBack('ham', 'cheese', function() {
  alert("Function X= " + x);
});

JSFiddle