Async和Await

本文探讨了JavaScript中回调函数的困境,提出通过拆解函数、Promise链式调用和async/await来解决回调地狱问题。介绍了async和await的使用技巧,以及如何提高代码可读性和错误处理能力。
摘要由CSDN通过智能技术生成

回调地狱

简单说,就是函数作为参数层层嵌套

在使用JavaScript时,为了实现某些逻辑经常会写出层层嵌套的回调函数,

如果嵌套过多,会极大影响代码可读性和逻辑,这种情况也被成为回调地狱

解决方法

1 拆解 function  将各步拆解为单个的 function

2 通过 Promise 链式调用的方式

3  async / await

async

可以作用在任何方法前, 返回值是一个Promise对象(回调函数也可以使用async)

    *   函数内部return的返回值, 会成为then回调函数的参数

    *   async作用的方法,如果内部出现报错,可以被promise的catch方法捕获

    *   常规使用,一般都会通过try catch进行有可能报错的代码处理

 await

await只能作用在async修饰的方法中,不能单独使用,如果使用报错:await is only valid in async functions and the top level bodies of modules

    *   await是会阻塞代码执行

    *   正常情况 await后面跟着一个Promise对象; 返回的是Promise对象的成功后结果; 如果是一个普通值,那么会直接返回这个值

    *   reject的返回 await没有办法进行捕获(使用try catch进行捕获)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值