SetInterval() è una funzione asincrona?

Question

Sto facendo un XMLHttpRequest ogni secondo su un server, il server risponderà con nuovi messaggi. Per chiamare il XMLHttpRequest ogni secondo, utilizzo la funzione setInterval() all'interno di un numero SharedWorker.

Tuttavia, dal momento che sto facendo una richiesta al secondo, vorrei sapere se setInterval() è asincrono o no? Ad esempio, se una richiesta di XMLHttpRequest impiega 3 secondi per terminare "a causa di un ritardo", avrò 3 richieste in corso allo stesso tempo o setInterval() attendere fino al completamento della prima richiesta prima di attendere 1 secondo e inviare un altro richiesta?

Ecco il mio codice

function checkQueue(url) 
{ 
    var xhr = new XMLHttpRequest(); 
    xhr.addEventListener("load", reqListener); 
    xhr.open('GET', url, true); 
    xhr.send(); 
} 


function reqListener() 
{ 
    var queue = JSON.parse(this.responseText); 
    notifyAllPorts(queue); 
    console.log(this.responseText); 
} 


setInterval(
    function() { 
     checkQueue('/add-ons/icws/push.php') 
    } 
, 1000); 

Answer 1

Come sottolineato, non aspetterà che la richiesta venga eseguita. Ecco un modo all'intervallo una promessa:

function checkQueue(url, cb) { 
    var xhr = new XMLHttpRequest(); 
    xhr.addEventListener("loadend", cb); 
     xhr.addEventListener("load", reqListener); 
    xhr.open('GET', url, true); 
    xhr.send(); 
} 

function reqListener() 
{ 
    var queue = JSON.parse(this.responseText); 
    notifyAllPorts(queue); 
    console.log(this.responseText); 
} 

var promise = Promise.resolve(true); 

setInterval(function() { 
    promise = promise.then(function() { 
     return new Promise(function (resolve) { 
      checkQueue(yourUrlHere, resolve); 
     }); 
    }); 
}, 1000); 

Manterrà su come aggiungere le richieste di fare ogni secondo, ma ritarderà se stessa se si va oltre 1 secondo.

Answer 2

setInterval semplicemente accoda il codice da eseguire una volta lo stack di chiamate corrente è terminato l'esecuzione. Questo può essere utile per alcune cose.

Quindi sì, è asincrono in quanto interrompe il flusso sincrono, ma in realtà non verrà eseguito contemporaneamente/su un thread separato. Se il tuo obiettivo è l'elaborazione in background, dai un'occhiata ai webworkers.

Quindi, indipendentemente di come server di tempo molto più prende chiederà ogni secondo come per il vostro codice è impostato per 1000

Answer 3

Sì, si incorrerà in problemi. setInterval andrà via come un orologio, indipendentemente dallo stato delle vostre richieste.

si sta meglio-off di iniziare un timer con un colpo setTimeout al completamento di ogni richiesta ... quindi:

function checkQueue(url) 
{ 
    var xhr = new XMLHttpRequest(); 
    xhr.addEventListener("load", reqListener); 
    xhr.open('GET', url, true); 
    xhr.send(); 
} 


function reqListener() 
{ 
    var queue = JSON.parse(this.responseText); 
    notifyAllPorts(queue); 
    console.log(this.responseText); 
    setTimeout(
     function() { 
      checkQueue('/add-ons/icws/push.php') 
     }, 1000); 
} 


checkQueue('/add-ons/icws/push.php') 

Answer 4

sì setTimeout setInterval & sono asincrono, ma non si fa una spinta, fai un pull, se vuoi una richiesta push leggi di prese web