Come posso aspettare eventi asincroni in JavaScript?
-
20-12-2019 - |
Domanda
Sono nuovo a JavaScript, e ancora non ha familiarità con le funzioni asincroni ...
Sto lavorando con Node.js Per creare un server di chat, questa fa parte del mio codice che ascolta l'evento getListConnected
e quando lo ha attivato cerca tutto il clients
collegato in un determinato spazio dei nomi, e quindi per ogni client IConservare il suo 'nome utente' a un altro array, convertirlo in risposta JSON e quindi invia:
socket.on('getListConnected', function(msg){
var clients = namespace.clients();//get all client in that nsp
var usernames = Array() ;//init array
for(i in clients)//for each clients
{
clients[i].get("username", function(value){
usernames.push(value);
});
}
socket.emit('getListConnected',JSON.stringify(usernames));//send
});
.
Il problema con questo codice è il metodo client.get () è la strega asincrona significa che i nomi utente vengono inviati vuoti.
Come posso aspettare i nomi utente finché non riesci a riempito, o come posso aspettare il ciclo finché non è finito?
Soluzione
È possibile utilizzare il middleware per le promesse, qualcosa come Bluebird , o tupotrebbe tenere un contatore per verificare se tutti i nomi utente sono stati ottenuti, qualcosa come
socket.on('getListConnected', function (msg) {
var clients = namespace.clients();
var usernames = [];
var counter1 = 0;
var counter2 = 0;
for (i in clients) {
counter1++; // number of clients
clients[i].get("username", function (value) {
usernames.push(value);
counter2++; // number of clients added to array
if (counter1 === counter2) {
socket.emit('getListConnected', JSON.stringify(usernames));
}
});
}
});
. Altri suggerimenti
Ecco un esempio di Bluebird, personalizzato per la tua situazione: [prende in prestito pesantemente da Esempio di Victor Quinn ]
Usando la stessa definizione promessa che Victor ha utilizzato:
var Promise = require('bluebird');
var promiseWhile = function(condition, action) {
var resolver = Promise.defer();
var loop = function() {
if (!condition()) return resolver.resolve();
return Promise.cast(action())
.then(loop)
.catch(resolver.reject);
};
process.nextTick(loop);
return resolver.promise;
};
.
istanziata con la tua chiamata personalizzata:
var i = 0;
promiseWhile(function() {
return i < clients.length;
}, function(value) {
return new Promise(function(resolve, reject) {
clients[i].get("username", function(value){
usernames.push(value);
});
i++;
resolve();
});
}).then(function() {
console.log("usernames are: " + usernames);
});
.