javascript : promise实现异步循环

本文主要是介绍javascript : promise实现异步循环，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

需求场景大概就是：调用的方法是异步的。需要遍历参数，循环调用这个方法。拿到所有方法执行的结果，才能进行下一步。

所以说，需要在循环里面执行异步方法，然后正确拿到所有结果。

刚面临这个问题的时候我是拒绝的，对于我这个还没出新手村的菜鸟来说，异步，还循环，离谱，总不能callback一层一层套进去吧。

然后我想到了递归，但是有风险，递归不好处理异常，挂一个倒一片。

最终选择的处理方式是：promise和promise.all()。

promise 简单示例：

var promise = new Promise(function(resolve, reject) {
	// resolve()在方法执行完成时调用，告诉程序方法执行完了
	// reject()在方法执行异常时调用，告诉程序方法挂了
	...此处是一个异步方法
	if(异步方法执行成功){
		// 可以传参
		resolve(successData);
	}else if(异步方法执行失败){
		// 可以传参
		reject(failedData);
	}
});

promise.then(function(data){
	// 进入这个方法，意味着promise里面的方法执行完成,
	// promise的状态变成fulfilled或者rejected
	// data 就是resolve()或者reject传过来的参数
	console.log("异步方法执行完成...");
})

promise简单粗陋地解释，它就是一个对象，它的一生有三种状态：pending(进行中),fulfilled(执行成功),rejected(执行失败),并且三种状态互斥。

promise从诞生伊始处于Pending状态，调用resolve()方法可以使其变成fulfilled状态，调用reject()方法可以使其变成rejected状态。

fulfilled状态和rejected状态都能触发then()方法。

再通俗点说就是，在promise对象里写一段异步执行的代码，当这段代码执行完毕的时候，调用resolve()方法，调用resolve()方法，调用resolve()方法，那么就能触发then()方法。

then()方法是可以链式写下去的，但是需要在上一个then()方法里返回一个新的promise对象。

现在进入正题，怎么循环异步

核心方法就是：创造一个promise数组promiseArray，然后调用Promise.all(promiseArray).then(function(data){});

Promise.all会在整个promise数组里的promise执行完成以后，调用then()方法，并且返回所有promise的参数。

例子：

var promiseArray = [];
for(var i = 0;i<10;i++){
	promiseArray.push(new Promise(function(resolve,reject){
		console.log("创建了一个promise");
		...//一段异步代码
		if(异步执行成功){
			// 改变promise的状态，告诉程序这个promsie执行完成并执行成功了
			resolve(data);
		}else if(异步执行失败){
			// 改变promise的状态，告诉程序这个promsie执行失败了
			reject(data);
		}
	}));
}
Promise.all(promiseArray).then(data){
	console.log("所有promise执行完成");
	// 并且所有执行的结果都在data里面了,处理它们吧
}

promise 异步循环，能用，好用，感恩的心，感谢promise.

记得调resolve()方法哦。

这篇关于javascript : promise实现异步循环的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！