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();