从Promise到async/await的Vuex存储操作
从Promise到async/await的Vuex存储操作
提问于 2019-06-19 12:30:19
目前，我在存储操作中使用promises，但希望将其转换为async/await。这是一个包含promises的store操作的示例：
fetchActiveWorkspace (context, workspaceID) {
if (workspaceID) {
return this.$axios.get(`@api-v01/workspaces/workspace/${workspaceID}`)
.then(response => {
context.commit('setActiveWorkspace', response.data)
})
.catch(err => {
throw err
})
} else {
return Promise.resolve(true)
}
},
此fetchActiveWorkspace操作在组件中解析，因为它返回promise。如何将此代码片段转换为async/await结构并在组件中使用？
回答 1
Stack Overflow用户
发布于 2019-06-21 16:42:27
这就是我尝试翻译它的方式；考虑到由于我无法访问完整上下文中的原始代码，我不能直接尝试以确保其工作；但这仍然是您可以使用async/await与promises的方式。
// 1. Mark the function as `async` (otherwise you cannot use `await` inside of it)
async fetchActiveWorkspace(context, workspaceID) {
if (workspaceID) {
// 2. Call the promise-returning function with `await` to wait for result before moving on.
// Capture the response in a varible (it used to go as argument for `then`)
let response = await this.$axios.get(`@api-v01/workspaces/workspace/${workspaceID}`);
context.commit('setActiveWorkspace', response.data);
}
// 3. I don't think this is necessary, as actions are not meant to return values and instead should be for asynchronous mutations.
else {
return true;
}
}您可以用try/catch包围函数体，以防您想要捕获和处理异常。我没有添加它是为了让事情变得简单，因为基于promise的代码只会捕获并重新抛出异常，而不会做其他任何事情。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56667685
复制相关文章
点击加载更多
相似问题
如何在非空字段中存储空值？
如何在excel中首先获得非空/空值
在Tapestry中呈现requestParameter
非空属性引用“我的控制器”中的空值或瞬态值。
如何在空向量中传递值？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
