如何中止一个 Promise 呢?一个有意思的问题

开发 前端
我们在工作中都会使用到 Promise.race这个方法去判断一个请求有没有超时,那同理,可不可以用 Promise.race 来进行中止 Promise 的操作呢?

前言

最近看到一道大厂的面试题,我觉得这道题不错,能考验到大家的 Promise 基础。题目如下~

看到这道题你们会怎么去回答呢?就比如有以下的一个 Promise ,我们要如何去中止他呢?

用变量去中断?

很多人会第一时间想到,使用一个变量去控制要不要中止这个 Promise:

但是你们觉得这样是对的吗?其实这样并不是真正的中止,因为我们只是限制了 resolve 的执行,但是 setTimeout 还是走完了,所以输出了 请求到数据:

而真正的中止,肯定是把 setTimeout 也中止掉,所以需要改改:

但是可以看到,新增一个标识变量,非常的繁琐,况且如果有多个 Promise,那就得要有多个标识变量,非常麻烦,所以换一种方式。

Promise.race?

我们在工作中都会使用到 Promise.race这个方法去判断一个请求有没有超时,那同理,可不可以用 Promise.race 来进行中止 Promise 的操作呢?

可以看到,这个中止也不是真的中止,也只是限制了 resolve 的执行,而不是把 setTimeout 也给中断了~

CancelToken

接下来是红宝书上的做法,堪称经典,不用使用任何全局的标识变量,也能做到中止 Promise:

这种做法的好处是:

  • 不需要设置全局的标识变量
  • 多个请求并发也可以区别取消

比如我多次执行的话,想取消哪次就取消哪次,因为每次的 CancelToken实例都是新的!!!

责任编辑:赵宁宁 来源: 前端之神
相关推荐

2021-01-27 13:54:05

开发云原生工具

2018-06-24 16:39:28

Tomcat异常线程

2020-12-12 13:50:16

云开发

2023-05-15 09:16:18

CSSCSS Mask

2015-03-12 10:46:30

代码代码犯罪

2024-03-18 08:14:07

SpringDAOAppConfig

2009-08-26 17:53:31

C# DropDown

2022-03-21 10:21:50

jQuery代码模式

2023-11-21 21:59:50

c++接口

2022-05-20 07:36:02

LiveTerm工具

2020-03-10 14:59:16

oracle数据库监听异常

2020-08-03 08:30:00

JSCSS排序

2020-09-24 11:46:03

Promise

2012-05-22 10:12:59

jQuery

2021-04-28 08:21:21

Promise.any服务器场景

2021-04-27 08:31:37

Promisereject信息

2021-02-20 16:01:26

Github前端开发

2021-03-25 06:12:55

SVG 滤镜CSS

2015-04-23 16:21:23

2021-04-23 07:51:56

CSS Container Q Chrome
点赞
收藏

51CTO技术栈公众号