javascript - vuex Action 负载的默认值？

Question

我正在尝试想出一种更好的方法来为 vuex 操作负载属性设置默认值，现在我正在使用 if-else 来检查传递的负载对象是否具有延迟属性，如果它我不是将值设置为默认值吗，其余的你可以想象。

有没有更好的方法用更少的行来做到这一点？我确定一定有。

这是我的操作:

showModal ( {commit}, modalPayload ) {

        let delay;

        if(modalPayload.delay == undefined){
            delay = 3000;
        }
        else{
            delay = modalPayload.delay
        }

        commit('SHOW_MODAL',  modalPayload);
        setTimeout(function(){
            commit('HIDE_MODAL');
        }, delay);

    },

提前致谢。

Answer 1

您可以使用 destructuring assignment 设置默认值:

showModal ({ commit }, modalPayload) {
  const { delay = 3000 } = modalPayload

  commit('SHOW_MODAL', modalPayload);
  setTimeout(() => commit('HIDE_MODAL'), delay);

}

此外，如果您不需要将delay传递给commit，您可以解构第二个函数参数:

showModal ({ commit }, { delay = 3000, ...modalPayload }) {
  commit('SHOW_MODAL', modalPayload);
  setTimeout(() => commit('HIDE_MODAL'), delay);
}