js实现多个请求并列执行

// 现在又一个需求:要实现一组异步操作的并行和串行?在js中如何实现? 首先想到的是promise
//  Promise.resolve() 快速创建promise对象
// 并行 Promise.all([]) 用来实现异步操作的并行
// 那如果多个操作需要串行执行呢?在promise中返回一个promise对象就是一个串行

/**
 * 创建promise
 * @param {Number} value 
 */
function makePromise (value) {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve(value);
    }, Math.random() * 1000)
  })
}
/**
 * 打印结果
 * @param {Number} value 
 */
function print (value) {
  return value
}

let promises = [1, 3, 4, 5, 6].map((item, index) => {
  return makePromise(item)
});

// 并行执行
Promise.all(promises)
.then(() => {
  console.log('done')
})
.catch(() => {
  console.log('error')
})

// 串行执行
let parallelPromises = promises.reduce(
  (total, currentValue) => total.then(() => currentValue.then(print)),Promise.resolve()
)

parallelPromises
.then(() => {
  // console.log('done')
})
.catch(() => {
  console.log('done')
})

// 顺带复习一下reduce方法
let arr1 = [1, 2, 3, 4, 5]
let res = arr1.reduce((total, currentValue, currentIndex, arr) => {
return total + currentValue
});

猜你喜欢

转载自www.cnblogs.com/running1/p/9023427.html
今日推荐