查漏补缺——说说Promise对象
问题
如题所示
答案
相关源码:
const mutations = {
SET_SOCIALS: (state, v) => {
state.socials = v;
}
}
const actions = {
getSocials: ({commit,state}) =>{
return new Promise((resolve => {
if (state.socials){
resolve(state.socials)
} else {
fetchSocial().then(res =>{
let data = res.data || []
commit('SET_SOCIALS',data);
resolve(data);
}).catch(err =>{
resolve([]);
})
}
}))
}
}
综上所述,Promise对象执行的是一个异步操作。
综上所述,Promise对象的resolve方法会将现有的对象转换为Promise对象。
那么,解释一下这段代码:
- 第一步,构造一个Promise对象。
- 第二步,将resolve方法当做参数传进来。
- 第三步,如果state对象的socials属性不为零,则将state对象的socials属性转换为Promise对象。
- 否则,那么这时候state对象的socials属性就是为零,使用fetchSocial的api异步获取响应数据,将响应res参数传进来,新建一个data变量,将响应的数据赋值给这个变量。
- commit触发mutations去修改state状态,将data变量转换为Promise对象。
- catch语句处理错误,这时候将一个空数组[]转换为Promise对象。