• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

JS实现串行请求

开发技术 开发技术 2周前 (09-13) 30次浏览

使用async和await

1 var fn = async function(promiseArr) {
2     for(let i = 0,len = arr.length; i<len; i++) {
3         currentPromise = (promiseArr[i] instanceOf Promise) ? promiseArr[i]  : Promise.resolve(promiseArr[i]);
4         var result = await currentPromise;
5         console.log(result)
6     }
7  }   
8  fn(arr)

Promise实现

依照 promises 规范,一旦一个 promise 被创建,它就被执行了。如果then方法里返回的是一个promise对象,那么执行下一个then 的时候必定是在上一个then执行完之后执行。

关键点在于then的时候再创建

 1 var createPromise = function(time) {
 2     return (resolve, reject)=> {
 3       return new Promise((resolve, reject)=>{
 4           setTimeout(()=>{
 5               console.log('timein'+time)
 6               resolve();
 7           }, time*1000)
 8       })
 9     }
10 }
11 
12 function serpromise(arr) {
13     arr.reduce((pre, next, index, carr)=>{
14         return pre.then(next)
15     }, Promise.resolve())
16 }
17 
18 var arr=[createPromise(2),createPromise(1),createPromise(3),createPromise(4),createPromise(5)];
19 // 相当于
20 // Promise.resolve().then(createPromise(2)).then(createPromise(1))......
21 serpromise(arr)

参考自

https://cloud.tencent.com/developer/article/1525757

https://www.jianshu.com/p/3cb6ab992adb


程序员灯塔 , 版权所有
转载请注明原文链接:https://www.wangt.cc/2020/09/js%e5%ae%9e%e7%8e%b0%e4%b8%b2%e8%a1%8c%e8%af%b7%e6%b1%82/
喜欢 (0)