funciones sincrónicas jquery

Question

¿Hay alguna forma de ejecutar una función después de que se completen otras? Por ejemplo:

doSomething(); 
doSomethingElse(); 

quiero solamente doSomethingElse() para ejecutar después de doSomething completa. ¿es posible?

Answer 1

Si su función doSomething() está haciendo algo de forma asíncrona (como hacer una petición Ajax), entonces usted querrá hacer doSomethingElse() la devolución de llamada para esa solicitud asíncrona, en lugar de tener que ejecutar inmediatamente después de doSomething() devoluciones.

Answer 2

No hay manera de hacer cumplir esta manera explícita per se, pero una idea es tener doSomething() devuelve un valor que doSomethingElse() acepta como parámetro:

retval = doSomething(); 
    doSomethingElse(retval); 

de esa manera por lo menos prevenir que alguien llamando a doSomethingElse() sin al menos proporcionar el argumento que necesita ... por supuesto, si obtienen ese argumento de llamar a doSomething() es otro problema. Pero esto es un comienzo.

Idea eliminada de Code Complete.

Answer 3

Actualmente puede hacer lo que quiera con jQuery (al menos en algún sentido). Podría considerarse un poco hacky pero funciona sin defectos.

Solo incluya un elemento en su página que no utilice para nada más. p.ej. un div vacío en alguna parte.

<div id="syncFnHolder"></div> 

Y a continuación, incluyen la JS con sus funciones + la función runMe escrito por mí.

function doSomething() { alert("First"); } 
function doSomethingElse() { alert("Second"); } 
function doSomethingElseThree() { alert("Third"); } 

function runMe(fn, selec) { 
    return function() { 
     fn(); 
     setTimeout(function() { 
      $(selec).dequeue("syncFnQueue"); 
     }, 1000); 
    } 
}; 

var selector = "#syncFnHolder"; 
//add three functions to a queue 
$(selector).queue("syncFnQueue", runMe(doSomething, selector)); 
$(selector).queue("syncFnQueue", runMe(doSomethingElse, selector)); 
$(selector).queue("syncFnQueue", runMe(doSomethingElseThree, selector)); 
//start first function in queue (FIFO) others are triggered automatically 
$(selector).dequeue("syncFnQueue"); 

Esto generaría tres alertas con una distancia de 1 seg entre ellos diciendo "primero", "segundo", "tercero".

Si no desea demora, elimine setTimeout y simplemente deje la llamada en $(selec).dequeue("syncFnQueue");.

Si sus funciones necesitan parámetros, p. doSomething(x,y,z) necesita adaptar la función runMe para que sea un mejor parcial y para construir la función devuelta de manera diferente. Marque aquí o publique una nueva pregunta.

javascript partial

Answer 4

La pregunta es un poco vago.

Si sus funciones tienen bits asíncronos, utilice las devoluciones de llamada. Para eso son.

Si, sin embargo, desea realizar una programación orientada a aspectos en JavaScript, consulte jQuery-aop.

Answer 5

Es posible que desee hacer esto ....

function doSomething(callback) { 
    // code for do some thing 
    // now fire off the callback 
    if (typeof callback === 'function') { 
     callback(); 
    } 
} 

function doSomethingElse() { 
} 

doSomething(doSomethingElse);