查漏补缺——说说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([]);
                })
            }
        }))
    }
}

ES6 Promise用法小结

Promise 的基础用法

综上所述，Promise对象执行的是一个异步操作。

es6 Promise.resolve()方法

综上所述，Promise对象的resolve方法会将现有的对象转换为Promise对象。

那么，解释一下这段代码：

1. 第一步，构造一个Promise对象。
2. 第二步，将resolve方法当做参数传进来。
3. 第三步，如果state对象的socials属性不为零，则将state对象的socials属性转换为Promise对象。
4. 否则，那么这时候state对象的socials属性就是为零，使用fetchSocial的api异步获取响应数据，将响应res参数传进来，新建一个data变量，将响应的数据赋值给这个变量。
5. commit触发mutations去修改state状态，将data变量转换为Promise对象。
6. catch语句处理错误，这时候将一个空数组[]转换为Promise对象。