终止Promise的执行
创始人
2025-01-08 20:36:23
0

文章目录

  • 终止Promise的执行
    • 1. HTML部分
    • 2. JavaScript部分
      • 1. Promise.race()
      • 2. Promise.withResolvers()
      • 3. AbortController类

终止Promise的执行

1. HTML部分

                  Document                 

2. JavaScript部分

1. Promise.race()

let abort = null; let p1 = new Promise((resolve, reject) => {     setTimeout(() => {         console.log("p1");         resolve('p1');     }, 3 * 1000) })  let p2 = new Promise((resolve, reject) => {     abort = reject;     setTimeout(() => {         console.log('p2');         resolve('p2')     }, 10 * 1000) })  Promise.race([p1, p2]).then(res => {     console.log(res) }).catch((err) => {     console.log(err, 'abort') })  btn.addEventListener('click', () => {     abort('abort') }) 

2. Promise.withResolvers()

// 模拟异步任务 const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));  const controlPromise = (asyncFn) => {     let rejected = false;     let { promise, resolve, reject } = Promise.withResolvers();      return {         abort: () => {             rejected = true;             reject(new Error('Task abort'));         },         start: () => {             if (!rejected) {                 asyncFn().then(resolve, reject);             };             return promise;         }     } }  const task = controlPromise(async () => {     await sleep(10 * 1000);     return 'task done'; }); task.start().then(console.log, console.error);  btn.addEventListener('click', () => {     task.abort(); })  

3. AbortController类

// 模拟异步任务 const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));  const controlPromise = (asyncFn) => {     const abortController = new AbortController();     const signal = abortController.signal;     return {         abort: () => abortController.abort(),         start: () => {             return new Promise((resolve, reject) => {                 const cancel = () => reject(new Error('Task abort'));                 if (signal.aborted) {                     cancel();                     return;                 }                 asyncFn().then(resolve, reject);                 signal.addEventListener('abort', cancel);             })         }     } } const task = controlPromise(async () => {     await sleep(10 * 1000);     return 'task done'; }); task.start().then(console.log, console.error);  btn.addEventListener('click', () => {     task.abort(); }) 

相关内容

热门资讯

一分钟内幕!科乐吉林麻将系统发... 一分钟内幕!科乐吉林麻将系统发牌规律,福建大玩家确实真的是有挂,技巧教程(有挂ai代打);所有人都在...
一分钟揭秘!微扑克辅助软件(透... 一分钟揭秘!微扑克辅助软件(透视辅助)确实是有挂(2024已更新)(哔哩哔哩);1、用户打开应用后不...
五分钟发现!广东雀神麻雀怎么赢... 五分钟发现!广东雀神麻雀怎么赢,朋朋棋牌都是是真的有挂,高科技教程(有挂方法)1、广东雀神麻雀怎么赢...
每日必看!人皇大厅吗(透明挂)... 每日必看!人皇大厅吗(透明挂)好像存在有挂(2026已更新)(哔哩哔哩);人皇大厅吗辅助器中分为三种...
重大科普!新华棋牌有挂吗(透视... 重大科普!新华棋牌有挂吗(透视)一直是有挂(2021已更新)(哔哩哔哩)1、完成新华棋牌有挂吗的残局...
二分钟内幕!微信小程序途游辅助... 二分钟内幕!微信小程序途游辅助器,掌中乐游戏中心其实存在有挂,微扑克教程(有挂规律)二分钟内幕!微信...
科技揭秘!jj斗地主系统控牌吗... 科技揭秘!jj斗地主系统控牌吗(透视)本来真的是有挂(2025已更新)(哔哩哔哩)1、科技揭秘!jj...
1分钟普及!哈灵麻将攻略小,微... 1分钟普及!哈灵麻将攻略小,微信小程序十三张好像存在有挂,规律教程(有挂技巧)哈灵麻将攻略小是一种具...
9分钟教程!科乐麻将有挂吗,传... 9分钟教程!科乐麻将有挂吗,传送屋高防版辅助(总是存在有挂)1、完成传送屋高防版辅助透视辅助安装,帮...
每日必看教程!兴动游戏辅助器下... 每日必看教程!兴动游戏辅助器下载(辅助)真是真的有挂(2025已更新)(哔哩哔哩)1、打开软件启动之...