关注前端 | 前端博客
当前位置: JavaScript > async await 更优雅的错误处理 – JavaScript

async await 更优雅的错误处理 – JavaScript

2021-09-24 分类:JavaScript 作者:管理员 阅读(73)

async await 更优雅的错误处理

async

团队代码规范中,要给 async await 添加 try...catch。假如有很多个(不集中),那不是要加很多个地方?那不是很不优雅?

源码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
// 捕获函数
const caputured = async function caputured ( asyncFunc , ...args ) {
 
    try {
     
        const res = await asyncFunc( ...args )
       
        return { err: null, res }
     
    } catch ( err ) {
     
        return { err, res: null }
     
    }
}

// 模拟请求
function requestData ( params ) {
 
    return new Promise( ( resolve, reject ) => {
     
      setTimeout( () => {
       
            resolve( params )
       
      })
     
    })
}

// 执行请求的函数

async function init(){
 
   const { res, err } = await caputured(test, { params: 1 })
   
   // 首先处理错误
    if (!err) return console.log( err && err.massage )
   
   // 成功拿到数据的处理
    if (res) {
        console.log(res)
    }
}

// 执行
init()

「两年博客,如果觉得我的文章对您有用,请帮助本站成长」

赞(1) 打赏

感谢您让我添加个鸡腿!

支付宝
微信
1

感谢您让我添加个鸡腿!

支付宝
微信
标签:

上一篇:

下一篇:没有了,已经是最新文章

共有 0 条评论 - async await 更优雅的错误处理 – JavaScript

博客简介

精彩评论

服务热线:
 177****6038

 QQ在线交流

 旺旺在线