前端异步代码解决方案实践(一).docx

? ? ? ? ? 前端异步代码解决方案实践(一) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 小程序框架提供丰富的原生API，可以方便调起微信提供的能力，如获取用户信息，本地存储，支付功能等。但大多数API为异步调用，需要传递成功或失败回调函数，例如wx.request发起https请求需要在成功或失败回调中书写业务逻辑，这时就很容易会遇到回调地狱问题。另外一方面，错误或异常处理会和业务代码写在一起，代码耦合高。 具体业务场景示例，小程序登录流程需要先去调用微信登录接口wx.login获取code值，登录成功后再去调用获取用户信息接口wx.getUserInfo获取用户相关信息，拿到code和userInfo后调用业务登录接口换取登录信息。在这种多层异步嵌套场景中，假如使用回调处理逻辑，就会写出一层嵌一层的代码，例如下面伪代码： // 登录流程wxLogin((res) = { let code = res.code // 登录后获取用户信息 wxGetUserInfo((res) = { let someUserData = res let data = { code, ...someUserData } // 请求业务接口，换取登录信息 requestDjLogin(da