javascript - 怎样理解js函数参数使用大括号（vuex手册中一个例子）？

查看：239 发布时间：2017/9/6 7:26:13 vuex javascript

本文介绍了javascript - 怎样理解js函数参数使用大括号（vuex手册中一个例子）？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题

vuex手册中的tutorial里，计数器加一的例子，创建的action函数使用了大括号{}把参数包起来，不太理解：

export const incrementCounter = function ({ dispatch, state }) {
  dispatch('INCREMENT', 1)
}

{}通常表示一个对象，这里作为action函数的参数传入，看起来有点多余。
我尝试去掉{}:

export const incrementCounter = function (dispatch, state) {
  dispatch('INCREMENT', 1)
}

发现代码不能正确运行：点＋1按钮，计数器的值不变,一直为0:

当然这个尝试应该是有点问题的，浏览器有报错：

哪位可以详细解释下原理和作用吗？

解决方案

这篇关于javascript - 怎样理解js函数参数使用大括号（vuex手册中一个例子）？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文