Lepsze zrozumienie funkcji zwrotnych w JavaScript

Należy sprawdzić, czy wywołanie zwrotne istnieje i jest funkcją wykonywalną:

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

Wiele bibliotek (jQuery, dojo itp.) używają podobnego wzorca dla swoich funkcji asynchronicznych, a także węzłów.js dla wszystkich funkcji asynchronicznych (NodeJS Zwykle przekazuje error i data do wywołania zwrotnego). Patrząc na ich kod źródłowy pomoże!

Istnieją 3 główne możliwości wykonania funkcji:

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

1. callback(argument_1, argument_2);
/ Align = "left" / call (some_object, argument_1, argument_2); / Align = "left" / apply (some_object, [argument_1, argument_2]);

Wybrana metoda zależy od tego, czy:

1. argumenty są przechowywane w tablicy lub jako odrębne zmienne.
2. chcesz wywołać tę funkcję w kontekście jakiegoś obiektu. W tym przypadku, używając słowa kluczowego "this" w tym wywołaniu zwrotnym odwołuje się do obiektu przekazanego jako argument w call () lub apply (). Jeśli nie chcesz przekazać kontekstu obiektu, użyj null lub undefined. W tym drugim przypadku obiekt globalny zostałby użyty do "tego".

Docs for Function.call , funkcja.zastosuj

Wywołania zwrotne dotyczą sygnałów, a "nowe" - tworzenia instancji obiektów.

W tym przypadku byłoby jeszcze bardziej odpowiednie, aby wykonać tylko "callback ();" niż " return new callback ()", ponieważ i tak nie robisz nic z wartością zwracaną.

(i argumenty.length = = 3 test jest naprawdę niezgrabny, fwiw, lepiej sprawdzić, czy param callback istnieje i jest funkcją.)

Właściwą implementacją byłoby:

if( callback ) callback();

To sprawia, że parametr callback jest opcjonalny..

Możesz użyć:

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

Poniższy przykład jest nieco bardziej wyczerpujący:

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?");
  }
});

function checkCallback(cb)
{
    if(cb || cb!='')
    {
        if(typeof window[cb] === 'undefined') alert('Callback function not found.');
        else window[cb].call(this,Arg1, Arg2);
    }
}

Możesz spojrzeć w tym linku dodam dla Ciebie podstawowy przykład, który wyjaśnia funkcję call back w javascript. jsfiddle

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);
});