È possibile interrompere l'esecuzione in javascript/jquery?

Question

Fondamentalmente voglio essere in grado di racchiudere qualsiasi comando in un metodo $ .holdTillFinished() che non consentirà l'esecuzione fino a quando il metodo specificato/l'animazione jquery non sarà completata.

Sospetto che questo possa essere difficile o addirittura impossibile in javascript, ma spero che qualcuno lo sappia.

Non voglio sapere come posso passare una richiamata in un'animazione per farla funzionare incompleta, o qualsiasi altra cosa del genere.

Voglio davvero sapere se una cosa del genere è possibile e come procedere.

Se ciò non accadrà se qualcuno conosce un buon plug-in di coda che è in grado di mettere in coda sia i metodi definiti dall'utente sia le animazioni, sarebbe anche bello. Quello che voglio davvero è un modo per ritardare l'esecuzione però. (Pur consentendo le animazioni di funzionare)

Answer 1

ho il sospetto che questo può essere difficile o addirittura impossibile in javascript

Il tuo sospetto è corretto. Metodi come animazioni, loop di input dell'utente e 'async = true' XMLHttpRequests devono restituire il controllo al browser per continuare e il browser non può riprendere il controllo fino a quando non viene restituito ogni livello di nidificazione della chiamata di funzione. Ciò significa che tutto il tuo codice, inclusa la funzione chiamata "holdTillFinished()", dovrebbe essere rimosso: pertanto "holdTillFinished()" è impossibile.

In altri linguaggi sono disponibili funzionalità di controllo del flusso che consentono di eseguire in modo efficace un processo asincrono come quello che appare al chiamante per essere sincrono e viceversa. I più noti sono threads e continuations. JavaScript non possiede queste strutture, quindi il meglio che puoi fare è timeout e callback.

(La definizione di un callback come funzione inline per ottenere l'accesso alle variabili della funzione che racchiude in una chiusura fa almeno una parte del dolore, alcuni altri devono iniziare a racchiudere ogni stato di inclusione in un oggetto proprietà per ottenere questo.)

Answer 2

Probabilmente siete alla ricerca di http://docs.jquery.com/Effects/queue

Ma se siete alla ricerca di un modo più generalizzato di ritardare le cose, ho usato questo frammento prima (non ho scritto, così tutto il merito va all'autore originale):

//Simple wrapper enabling setTimout within chained functions. 
$.fn.wait = function(time, type) { 
    time = time || 1000; 
    type = type || "fx"; 
    return this.queue(type, function() { 
    var self = this; 
    setTimeout(function() { 
     $(self).dequeue(); 
    }, time); 
    }); 
}; 

Answer 3

È possibile utilizzare un'architettura di pubblicazione/sottoscrizione per ottenere ciò che si desidera. Senza sapere molto su cosa esattamente vuoi ottenere, la mia ipotesi è che questo funzioni per te.

Il modo in cui funziona è che si considera il completamento della funzione come un evento, a cui è possibile ascoltare e collegare i gestori. Dojo has a pubsub mechanism, anche se sono sicuro che ce ne sono altri.

Answer 4

Difende la situazione ma normalmente è necessario mostrare un'immagine di elaborazione da visualizzare quando viene chiamato AJAX o qualsiasi ciclo viene eseguito in javascript. Ho una situazione in cui sto chiamando AJAX in un ciclo, perché l'utente mostri l'immagine di elaborazione mostrata. Per terminare ho fatto un trucco. Ho messo un pulsante per cancellare il lavoro quando viene chiamata questa funzione. Imposta una variabile globale che dice 'cancelJob' su true e nel ciclo in cui sto verificando questo globale se questo è vero, l'esecuzione restituisce false e lo script si fermerà.

var cancelJob = false; 
foreach(){ 
    if(cancelJob == true) 
     return false; 
} 

function cancelButtonPress(){ 
    cancelJob = true; 
}