js绑定pending状态的任务 / 绑定不确定状态的任务

weixin_43935654

已于 2022-10-04 14:43:45 修改

阅读量483

点赞数

文章标签： javascript 前端开发语言

于 2022-10-04 06:11:54 首次发布

本文链接：https://blog.csdn.net/weixin_43935654/article/details/127158629

版权

本文探讨如何在JavaScript中实现Promise的动态绑定，特别是在任务处于pending状态时。通过引入第三方库async-task-mapping，可以实现先发送请求再绑定处理结果的代码，从而达到解耦目的。示例中展示了如何在不同时间点定义send请求和log处理，即使接口响应时间不确定，也能确保代码按需执行。使用asyncTask.request()能在接口完成时保证代码执行，无论接口是在请求中还是已完成。

摘要由CSDN通过智能技术生成

我们知道promise有三个状态：等待（pending）、已完成（fulfilled）、已拒绝（rejected），

而且我们只能在任务发起之前进行绑定，在then/catch/finally中处理任务，例如：

new Promise((resolve, reject) => {
    // 延时任务，异步任务
    setTimeout(() => {
      resolve('')
    }, 1000)
  }).then((data) => {
    console.log(data)
  })

// 接口请求
getList(parmas).then((data) => {
  console.log(data)
})

那么有没有办法可以不用事先绑定呢？答案是肯定的，这里需要引入一个第三方库async-task-mapping，首先执行createTaskList()初始化一个任务列表，

三个参数：

ordered是否按照先绑定后请求的顺序，
requestCount：访问结果的次数，
responseCount：向任务列表内增加几个数据

import { createTaskList } from 'async-task-mapping'
const asyncTask = createTaskList({ordered: false, requestCount: 1, responseCount: 1})

// 上面的接口请求就可以改为
co