¿Cómo puedo agregar una devolución de llamada al método .apply()?

Question

En mi código, tengo una serie de llamadas a funciones. Repaso estas llamadas y uso .apply() para llamarlas. El problema es que si la llamada de la nueva función requiere algún tipo de tiempo, el ciclo aplicará .apply() y llamará a la siguiente función antes de que se complete la función anterior. >. < Aquí se muestra un ejemplo:

function someFunc(element, calls){ 
    if(calls.length){ 
    fn = calls[0]; 
    calls.shift(); 
    fn.apply(element, args); 
    someFunc(element, calls); 
    } 
} 

Así que si hubo una devolución de llamada de la función de aplicar a continuación, esto podría funcionar como quiero que lo haga. es decir,

function someFunc(element, calls){ 
    if(calls.length){ 
    fn = calls[0]; 
    calls.shift(); 
    fn.apply(element, args, function(){ 
     someFunc(element, calls); 
    }); 
    } 
} 

También tengo una pregunta acerca de cómo llamar a someFunc dentro de una función de devolución de llamada. Las funciones en mi matriz calls afectan mi variable element. Así que quiero asegurarme de que después de que se modifique se pase a algún Funk en la devolución de llamada para que la siguiente función pueda manipularlo también. A veces me confundo con el contexto this. :)

Si ayuda, estoy usando jQuery. Sé cómo agregar devoluciones de llamada a los métodos de jQuery, pero no sé cómo hacerlo cuando trato con el código JavaScript nativo. ¿Cómo puedo agregar una devolución de llamada al método .apply()?

Answer 1

Asegúrese de que cada función a la que llama devuelva promise. A continuación, puede "esperar" a que prometen ser "resuelto" antes de continuar con la siguiente función en su lista:

function someFunc(element, calls) { 
    if (calls.length) { 
     var fn = calls.shift(); 
     fn.apply(element, args).done(function(el) { // what's args? 
      el = el || element; // default to previous element if necessary 
      someFunc(el, calls); 
     }); 
    } 
} 

con cada función buscando algo como:

function myFunc1(el) { 
    var def = $.Deferred(); 

    // do something async, and "resolve" the deferred object in the async callback 
    ...(function() { 
     def.resolve(el); // this "el" will get passed to the next function 
    }); 

    return def.promise(); 
} 

Si la tarea asíncrona es una llamada AJAX puede simplemente devolver el resultado jqXHR de $.ajax directamente en lugar de crear un nuevo objeto diferido.