Skip to main content
se añadieron 1205 caracteres en el cuerpo
Origen Enlace
ffflabs
  • 23k
  • 28
  • 50

Lo que necesitarías sería envolver el bucle dentro de una promesa, y teniendo una referencia a esa promesa en otra parte del código, usar el método then de la promesa para ejecutar otra acción.

Cambié un poco tu ejemplo para que el bucle fuera asíncrono, pero dentro de la promesa puedes meter un while o for como te acomode:

var ti,
    contador=0,
    acumulador=[];
    promesa = new Promise(function(resolve,reject) {
        ti = window.setInterval(function() {

           console.log('ciclo ',contador);
           
           acumulador.push(contador);
           if(acumulador.length>=5) {
            window.clearInterval(ti);
            resolve(acumulador);
           }
           contador++;

        },500);
});

promesa.then(function(resultado) {
 
  console.log('acumulador terminó y tiene valores', acumulador);

});

Probablemente para el caso de uso que estás pensando, te sería más util ocupar alguna especie de deferred que puedes resolver manualmente sin envolver tu bucle en un constructor de promesa.

function Deferred() {
  var resolve, reject;
  var promise = new Promise(function() {
      resolve = arguments[0];
      reject = arguments[1];
  });
  return {
      resolve: resolve,
      reject: reject,
      promise: promise
  };
}

var ti,
    contador=0,
    acumuladorListener= new Deferred();
    
acumuladorListener.promise.then(function(resultado) {
  console.log('acumulador terminó y tiene valores', acumulador);
});    
    
var acumulador=[];
    ti = window.setInterval(function() {
      console.log('ciclo ',contador);
      acumulador.push(contador);
      if(acumulador.length>=5) {
        window.clearInterval(ti);
        acumuladorListener.resolve(acumulador);
      }
      contador++;
    },500);

Lo que necesitarías sería envolver el bucle dentro de una promesa, y teniendo una referencia a esa promesa en otra parte del código, usar el método then de la promesa para ejecutar otra acción.

Cambié un poco tu ejemplo para que el bucle fuera asíncrono, pero dentro de la promesa puedes meter un while o for como te acomode:

var ti,
    contador=0,
    acumulador=[];
    promesa = new Promise(function(resolve,reject) {
        ti = window.setInterval(function() {

           console.log('ciclo ',contador);
           
           acumulador.push(contador);
           if(acumulador.length>=5) {
            window.clearInterval(ti);
            resolve(acumulador);
           }
           contador++;

        },500);
});

promesa.then(function(resultado) {
 
  console.log('acumulador terminó y tiene valores', acumulador);

});

Lo que necesitarías sería envolver el bucle dentro de una promesa, y teniendo una referencia a esa promesa en otra parte del código, usar el método then de la promesa para ejecutar otra acción.

Cambié un poco tu ejemplo para que el bucle fuera asíncrono, pero dentro de la promesa puedes meter un while o for como te acomode:

var ti,
    contador=0,
    acumulador=[];
    promesa = new Promise(function(resolve,reject) {
        ti = window.setInterval(function() {

           console.log('ciclo ',contador);
           
           acumulador.push(contador);
           if(acumulador.length>=5) {
            window.clearInterval(ti);
            resolve(acumulador);
           }
           contador++;

        },500);
});

promesa.then(function(resultado) {
 
  console.log('acumulador terminó y tiene valores', acumulador);

});

Probablemente para el caso de uso que estás pensando, te sería más util ocupar alguna especie de deferred que puedes resolver manualmente sin envolver tu bucle en un constructor de promesa.

function Deferred() {
  var resolve, reject;
  var promise = new Promise(function() {
      resolve = arguments[0];
      reject = arguments[1];
  });
  return {
      resolve: resolve,
      reject: reject,
      promise: promise
  };
}

var ti,
    contador=0,
    acumuladorListener= new Deferred();
    
acumuladorListener.promise.then(function(resultado) {
  console.log('acumulador terminó y tiene valores', acumulador);
});    
    
var acumulador=[];
    ti = window.setInterval(function() {
      console.log('ciclo ',contador);
      acumulador.push(contador);
      if(acumulador.length>=5) {
        window.clearInterval(ti);
        acumuladorListener.resolve(acumulador);
      }
      contador++;
    },500);

Origen Enlace
ffflabs
  • 23k
  • 28
  • 50

Lo que necesitarías sería envolver el bucle dentro de una promesa, y teniendo una referencia a esa promesa en otra parte del código, usar el método then de la promesa para ejecutar otra acción.

Cambié un poco tu ejemplo para que el bucle fuera asíncrono, pero dentro de la promesa puedes meter un while o for como te acomode:

var ti,
    contador=0,
    acumulador=[];
    promesa = new Promise(function(resolve,reject) {
        ti = window.setInterval(function() {

           console.log('ciclo ',contador);
           
           acumulador.push(contador);
           if(acumulador.length>=5) {
            window.clearInterval(ti);
            resolve(acumulador);
           }
           contador++;

        },500);
});

promesa.then(function(resultado) {
 
  console.log('acumulador terminó y tiene valores', acumulador);

});