js如何实现异步任务队列（异步加载）的方法

js如何实现异步任务队列（异步加载），下面web建站小编给大家详细介绍一下具体实现代码！

具体代码如下：

let queue = []
let index = 0
function clickMe() {
  queue.push({name: 'click', index: index++})
}
 
run()

async function run() {
  while (true) {
    if (queue.length > 0) {
      let obj = queue.shift()
      let res = await request(obj.index)
      console.log('已处理事件' + res)
    } else {
      await wait(500)
      console.log('----- 队列空闲中 -----')
    }
  }
}

// 通过setTimeout模拟异步请求
function request(index) {
  return new Promise(function (resolve, reject) {
    setTimeout(() => {
      resolve(index)
    }, 1000)
  })
}

function wait(time) {
  return new Promise(function (resolve) {
    setTimeout(() => {
      resolve()
    }, time)
  })
}