<分区>
exercises 之一在 Eloquent Javascript 这本书的第 17 章是实现 Promise.all() 方法,我想出了这个实现(不起作用):
function all(promises) {
return new Promise(function(success, fail) {
var successArr = new Array(promises.length);
if (promises.length == 0)
success(successArr);
var pending = promises.length;
for (var i = 0; i < promises.length; i++) {
promises[i].then(function(result) {
successArr[i] = result;
pending -= 1;
if (pending == 0)
success(successArr);
}, function(error) {
fail(error);
});
}
});
}
// Testing
function soon(val) {
return new Promise(function(success) {
setTimeout(function() { success(val); },
Math.random() * 500);
});
}
all([soon(1), soon(2), soon(3)]).then(function(array) {
console.log("This should be [1, 2, 3]:", array);
});
// => [undefined, undefined, undefined, 3]
有趣的是,除了在我的例子中使用 forEach 来迭代 promises 数组而不是 for 循环之外,作者的解决方案是相似的:
function all(promises) {
return new Promise(function(success, fail) {
var successArr = new Array(promises.length);
if (promises.length == 0)
success(successArr);
var pending = promises.length;
promises.forEach(function(promise, i) {
promise.then(function(result) {
successArr[i] = result;
pending -= 1;
if (pending == 0)
success(successArr);
}, function(error) {
fail(error);
});
});
});
}
// Testing
function soon(val) {
return new Promise(function(success) {
setTimeout(function() { success(val); },
Math.random() * 500);
});
}
all([soon(1), soon(2), soon(3)]).then(function(array) {
console.log("This should be [1, 2, 3]:", array);
});
// => [1, 2, 3]
为什么 forEach 的使用在这里造成了所有不同?我猜这与传递给 forEach 的匿名函数创建的范围有关,但我不太清楚它是如何工作的。