async await 异步嵌套

async await 异步嵌套是指在异步操作中使用 async 和 await 关键字来处理多个嵌套的异步请求。在提供的代码示例中，通过 async 和 await 实现了异步嵌套处理。

在 created 方法中调用了 getKpiRoleButton 方法，该方法使用了 async 关键字来声明一个异步函数。在该方法内部，通过 await 关键字等待 signKpiRoleIdSearch 方法的返回结果。signKpiRoleIdSearch 方法返回了一个 Promise 对象。在 Promise 的回调函数中，使用了 this.$http.get 方法发送了一个 GET 请求，并通过 localStorage.getItem("id") 获取了 userId。当接收到返回结果后，如果 res.data.success 为真，则调用了 resolve 方法将结果返回。

在 getKpiRoleButton 方法内部，通过 await 关键字等待 signKpiRoleIdSearch 方法的返回结果，并将结果赋值给 resultObj。然后，使用 kpiAPI.kpiPermissionsButton 方法发送一个带有 roleId 参数的请求，并在 then 方法中处理返回结果。

通过使用 async 和 await，可以使异步嵌套的处理更加清晰和简洁。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [JS基于ES6新特性async await进行异步处理操作示例](https://download.csdn.net/download/weixin_38519681/14808936)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [vue 使用async await处理异步嵌套请求](https://blog.csdn.net/weixin_43173924/article/details/106093600)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]