[阿里面试题] 有多个并发请求时，实现一个请求完成后，再请求下一个

原创已于 2022-03-10 21:59:31 修改 · 1.9k 阅读

7 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #前端 #promise #并发

收录于

于 2022-03-10 21:49:29 首次发布

前端同时被 3 个专栏收录

49 篇文章

订阅专栏

算法

10 篇文章

订阅专栏

面试

2 篇文章

订阅专栏

这篇博客探讨了在处理并发请求时如何确保请求按顺序执行。通过使用Promise和节流函数，实现了每1秒打印一个数字（1-4），确保了请求之间的间隔和顺序。示例代码展示了如何构建这样的节流Promise队列。

题目

有多个并发请求时，实现一个请求完成后，再请求下一个。实现间隔1s按顺序打印出1、2、3、4。以下提供部分代码！

function request(x) {
  return new Promise(resolve => {
    const timer = setTimeout(() => {
      console.log(x)
      resolve(x)
      clearTimeout(timer)
    }, 1000)
  })
}

function service() {
	// 补全
}

service(1)
service(2)
service(3)
service(4)

作答：

function request(x) {
  return new Promise(resolve => {
    const timer = setTimeout(() => {
      console.log(x)
      resolve(x)
      clearTimeout(timer)
    }, 1000)
  })
}

// 节流
const delay = (function () {
  let timer = 0
  return function (callback, ms) {
    clearTimeout(timer)
    timer = setTimeout(callback, ms)
  }
})()

// 实现promise队列
const queue = []
function promiseQueue(list) {
  let sequence = Promise.resolve()
  list.forEach((item) => {
    sequence = sequence.then(item)
  })
  return sequence
}

function service(x) {
  queue.push(() => request(x))
  delay(() => {
    promiseQueue(queue)
  }, 10)
}

service(1)
service(2)
service(3)
service(4)