我在JavaScript中有一个字符串数组。数组的定义如下:
var myArray = [];
myArray.push('1');
myArray.push('2');
myArray.push('3');
我需要遍历数组并调用异步运行的函数。该函数如下所示:
function myAsyncFunction(id, callback) {
$.ajax({
url: '/api/items',
data: { 'id':id },
type: 'POST',
dataType: 'text',
success: function(result) {
if (callback) {
callback();
}
}, error: function() {
if (callback) {
callback();
}
}
}
我试图遍历数组中的所有项目,并找出运行所有项目需要多长时间。我想做这样的事情:
var startTime = new Date();
for (var i=0; i<myArray.length; i++) {
myAsyncFunction(myArray[i]);
}
var duration = new Date() - startTime;
显然,上面的方法不起作用,因为它在移动到数组中的下一项之前不会等待ajax调用完成。我知道我需要使用回调。但是,我不确定如何以这种方式构造代码。我该怎么做呢?
使用Promise并执行以下操作:
var myArray = [1, 2, 3];
var promises = [];
var startTime = new Date();
var duration;
for (var i = 0, len = myArray.length; i < len; i++) {
var def = $.Deferred();
promises.push(def);
(function(i) {
$.ajax({
url: '/api/items',
data: { 'id':myArray[i] },
type: 'POST',
dataType: 'text'
}).done(function() {
promises[i].resolve();
});
})(i);
}
$.when.apply($, promises).done(function() {
duration = new Date() - startTime;
console.log(duration);
});
我没有测试过,但是我认为它可以在某些适应性下很好地工作:)
我认为使用计数器的解决方案在某些情况下可能会失败。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句