Skip to main content
se añadieron 2259 caracteres en el cuerpo
Origen Enlace
F.bernal
  • 266
  • 2
  • 6

Este ejemplo sigue tus mismos principios. Como vemos el valor de i es incorrecto. Obtenemos una salida erronea de INDEX.

function arrayAsync() {
  return new Promise((resolve, reject) => {
    setTimeout(resolve, 5000);
  })
}

function getArray () {
    return new Promise((resolve, reject) => {
      arrayAsync().then(() => {
        resolve([1,2,3,4,5]);
      });
  });
}

function increaseAsync(value) {
  return new Promise((resolve, reject) => {
    setTimeout(() => resolve(++value), 1000);
  });
}

function getInfo() {
  var _this =  this;
  
  getArray()
  .then(items => {
    for (var i = 0; i < items.length; i++) {
      this.increaseAsync(items[i]).then(function(result) {         //aca items es undefined
        console.log("index " + i + "value " + result);
      });
    }
  });
}

getInfo();

Con solo hacer el cambio de var i a let i hacemos que todo funcione correctamente. Por lo tanto no hay necesidad de usar AWAIT y convertir tus llamadas en sincronas.

function arrayAsync() {
  return new Promise((resolve, reject) => {
    setTimeout(resolve, 5000);
  })
}

function getArray () {
    return new Promise((resolve, reject) => {
      arrayAsync().then(() => {
        resolve([1,2,3,4,5]);
      });
  });
}

function increaseAsync(value) {
  return new Promise((resolve, reject) => {
    setTimeout(() => resolve(++value), 1000);
  });
}

function getInfo() {
  var _this =  this;
  
  getArray()
  .then(items => {
    for (let i = 0; i < items.length; i++) {
      this.increaseAsync(items[i]).then(function(result) {         //aca items es undefined
        console.log("index " + i + "value " + result);
      });
    }
  });
}

getInfo();


Este ejemplo sigue tus mismos principios. Como vemos el valor de i es incorrecto. Obtenemos una salida erronea de INDEX.

function arrayAsync() {
  return new Promise((resolve, reject) => {
    setTimeout(resolve, 5000);
  })
}

function getArray () {
    return new Promise((resolve, reject) => {
      arrayAsync().then(() => {
        resolve([1,2,3,4,5]);
      });
  });
}

function increaseAsync(value) {
  return new Promise((resolve, reject) => {
    setTimeout(() => resolve(++value), 1000);
  });
}

function getInfo() {
  var _this =  this;
  
  getArray()
  .then(items => {
    for (var i = 0; i < items.length; i++) {
      this.increaseAsync(items[i]).then(function(result) {         //aca items es undefined
        console.log("index " + i + "value " + result);
      });
    }
  });
}

getInfo();

Con solo hacer el cambio de var i a let i hacemos que todo funcione correctamente. Por lo tanto no hay necesidad de usar AWAIT y convertir tus llamadas en sincronas.

function arrayAsync() {
  return new Promise((resolve, reject) => {
    setTimeout(resolve, 5000);
  })
}

function getArray () {
    return new Promise((resolve, reject) => {
      arrayAsync().then(() => {
        resolve([1,2,3,4,5]);
      });
  });
}

function increaseAsync(value) {
  return new Promise((resolve, reject) => {
    setTimeout(() => resolve(++value), 1000);
  });
}

function getInfo() {
  var _this =  this;
  
  getArray()
  .then(items => {
    for (let i = 0; i < items.length; i++) {
      this.increaseAsync(items[i]).then(function(result) {         //aca items es undefined
        console.log("index " + i + "value " + result);
      });
    }
  });
}

getInfo();

Origen Enlace
F.bernal
  • 266
  • 2
  • 6

El problema que comentas está aquí entiendo, que dices que items[i].img no lo tienes disponible dentro de ese then de la promesa. Eso es así porque estás pasando la función anónima function(result)... y no tienes el this adecuado dentro.

this.getImage(items[i].title).then(function(result) {         //aca items es undefined
          items[i].img = result;
        });
      }

Prueba o usar la función flecha...

 this.getImage(items[i].title).then((result) => items[i].img = result);

O hacer un bind(this) a tu función anónima.