js在浏览器中实现异步消息队列任务处理代码-html代码-BFW代码库

js在浏览器中实现异步消息队列任务处理代码

代码语言：html

所属分类：其他

代码描述：js在浏览器中实现异步消息队列任务处理代码，任务采用Promise异步处理。

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <title>js异步消息队列</title>
    <script>
        // 异步请求队列
        const queue = []
        // 用来模拟不同的返回值
        let index = 0
        // 标志是否正在处理队列中的请求
        let running = false
        
        // 使用setTimeout模拟异步请求
        function request(index) {
          return new Promise(function (resolve) {
            setTimeout(() => {
              resolve(index)
            }, 1000)
          })
        }
        
        // 连续点击，触发异步请求，加入任务队列
        function clickMe() {
          addQueue(() => request(index++))
        }
        
        // 当队列中任务数大于0时，开始处理队列中的任务
        function addQueue(item) {
          queue.push(item)
          if (q.........完整代码请登录后点击上方下载按钮下载查看