当前位置:首页 >  站长 >  编程技术 >  正文

JavaScript实现串行请求的示例代码

 2020-10-28 14:15  来源: 脚本之家   我来投稿 撤稿纠错

  域名预订/竞价,好“米”不错过

这篇文章主要介绍了JavaScript实现串行请求的示例代码,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下

使用async和await

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

Promise实现

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

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

var createPromise = function(time) {
 return (resolve, reject)=> {
  return new Promise((resolve, reject)=>{
   setTimeout(()=>{
    console.log('timein'+time)
    resolve();
   }, time*1000)
  })
 }
}

function serpromise(arr) {
 arr.reduce((pre, next, index, carr)=>{
  return pre.then(next)
 }, Promise.resolve())
}

var arr=[createPromise(2),createPromise(1),createPromise(3),createPromise(4),createPromise(5)];
// 相当于
// Promise.resolve().then(createPromise(2)).then(createPromise(1))......
serpromise(arr)

Array.prototype.reduce + async/await 版本

const reduceAsync = ( arr ) => {
 arr.reduce( async ( prev, curr ) => {
  const { rep } = await prev;
  const obj = await promise( curr, rep );
  console.log( obj );
  return obj;
 }, Promise.resolve( {} ) );
};

Array.prototype.reduce + Promise 版本

const reducePromise = ( arr ) => {
 arr.reduce( ( prev, curr ) => {
  return prev.then( data => {
   return new Promise( ( resolve, reject ) => {
    promise( curr, data.rep ).then( res => {
     console.log( res );
     resolve( res );
    } );
   } );
  } );
 }, Promise.resolve( {} ) );
};

# 执行结果

{ req: 'PM:04:49:08', rep: 'PM:04:49:11', item: 1 }

{ req: 'PM:04:49:11', rep: 'PM:04:49:14', item: 2 }

{ req: 'PM:04:49:14', rep: 'PM:04:49:17', item: 3 }

{ req: 'PM:04:49:17', rep: 'PM:04:49:20', item: 4 }

Array.prototype.map + Promise 版本

const mapPromise = ( arr ) => {
 let temporary = Promise.resolve( {} );
 arr.map( ( item, index ) => {
  temporary = temporary.then( ( data ) => {
   if (i !== 0) {
    // 第一个初始promise
    console.log( data );
   }
   return promise( item, data.rep );
  } );
 } );
 // 最后一个promise
 temporary.then( data => console.log( data ) );
};

用 map 遍历时,需要过滤初始promise的返回值,并且在遍历结束后,需手动执行最后以后一个promise,否则就会变成如下结果

# 执行结果

{}

{ req: 'PM:04:49:08', rep: 'PM:04:49:11', item: 1 }

{ req: 'PM:04:49:11', rep: 'PM:04:49:14', item: 2 }

{ req: 'PM:04:49:14', rep: 'PM:04:49:17', item: 3 }

以上结果明显不是我们所需要的,但是需要手动过滤第一个promise和执行最后一个promise,会增项不必要的代码量和出错率 后将 mapPromise 修改如下,其原理和Array.prototype.reduce+Promise版本类似

const mapPromise = ( arr ) => {
 let temporary = Promise.resolve( {} );
 arr.map( ( item, index ) => {
  temporary = temporary.then( ( data ) => {
   // if (i !== 0) {
   //  // 第一个promise
   //  console.log( data );
   // }
   return new Promise( ( resolve, reject ) => {
    promise( item, data.rep ).then( data => {
     console.log( data );
     resolve( data );
    } );
   } );
  } );
 } );
 // 最后一个promise
 // temporary.then( d => console.log( d ) );
};

其他

Array.prototype.forEach、Array.prototype.filter、Array.prototype.some、Array.prototype.every等方法和Array.prototype.map类似,就不过多赘述

以上就是JavaScript实现串行请求的示例代码的详细内容,更多关于JavaScript实现串行请求的资料请关注脚本之家其它相关文章!

来源:脚本之家

链接:https://www.jb51.net/article/195555.htm

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

相关标签
javascript
java

相关文章

  • 参加Java培训班有用吗?这个问题大家要怎么看待

    在众多的编程培训中,Java软件开发作为老牌儿的编程主流,从发展前景上看,无论是现在还是将来,依然会持续火爆的状态。对于当下年轻人想要快速的掌握这项技术,进入到这个行业,最为热议的话题是“参加Java培训班有用吗”。小编可以肯定的回答,是有用的,学习的根据来自于兴趣,如果大家是真的热爱这行,在加上专

    标签:
    java
  • 动力节点南京Java培训口碑教学,满分教学就业体验

    江南佳地,邂逅金陵,动力节点南京Java培训校区,为长三角地带的发展注入专业Java教培力量,动力节点自09年成立至今,专注Java培训教学,一直秉承着“为学员服务”的唯一教育理念,坚持口碑教学,被业界称为“口口相传的Java培训黄埔军校”。

    标签:
    java
    java培训
  • 动力节点广州Java培训,为大家撑起一个IT的未来

    广州动力节点Java培训机构,一直以来专注Java的教学,深耕教育,稳扎稳打,在行业具有“口口相传的黄埔军校”之称,有句话说的好“没有量变的积累,哪来质变的飞跃”动力节点和你一起,扎扎实实做教育,你们扎扎实实学本领,时刻准备着,有朝一日,风自会来。

    标签:
    java
    在线培训
  • 动力节点成都Java培训招生源于口碑,业界巨头

    为了能够搭乘互联网的快车,实现人生的逆转,不少年轻人选择动力节点成都Java培训,动力节点作为Java职业培训,没有理由不去担起这份沉甸甸的信任,所以,自09年创立起,一直专注于Java的教学,将全部的资源

    标签:
    java
    培训机构
  • 参加动力节点北京Java培训会让学者更加有信心

    通过Java培训出来的同学与没参加过培训的同学差距还是有不少的,同学一直以来对参加培训都保持着犹豫的心态,其实大家了解后会发现,不管是对零基础还是有编程认知的同学来讲,参与更加密集、系统化的培训

    标签:
    java
    培训机构

热门排行

信息推荐