js-promise-try实现

最新推荐文章于 2024-09-25 00:46:52 发布

道甚夷

最新推荐文章于 2024-09-25 00:46:52 发布

阅读量193

点赞数

分类专栏：前端原理文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/junjiahuang/article/details/126509790

版权

Promise 异步处理错误捕获 try-catch async/await

关键词由CSDN通过智能技术生成

前端原理专栏收录该内容

77 篇文章 1 订阅

订阅专栏

解决catch问题

function p1 () {
  return new Promise(resolve => {
    setTimeout(() => {
      console.log('p1 ok')
      resolve('data p1')
    }, 500);
  })
}
function p2 () {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log('p2 ok')
      reject('data p2 fail')
    }, 500);
  })
}
Promise.try = async function(fn) {
  try {
    await fn()
  }catch(e) {
    return Promise.reject(e)
  }
}
async function test() {
  Promise.try(async () => {
    let res = await p2() // 失败的请求
    console.log(res)
  }).catch ((error) => {
    console.log(error)
  })
}
test()