actions: {
increment (context) {
context.commit('increment')
}
}
ES2015参数解构 (opens new window)的简化代码
actions: {
increment ({ commit }) {
commit('increment')
}
}
解构(Destructuring):是将一个数据结构分解为更小的部分过程。ES6中,从数组和对象中提取值,对变量进行赋值。
解构有什么用处呢?可以大大的简化数组或者对象里面的元素的赋值语句。
数组解构,数组本身并没有发生任何的改变,解构是对新的变量(可能是对象同名属性)赋值。
相当于把对象的属性根据接受的字面量进行一一映射
// options 上的属性表示附加参数
function setCookie(name, value, options) {
options = options || {};
let secure = options.secure,
path = options.path,
domain = options.domain,
expires = options.expires;
// 设置 cookie 的代码
}
//可以改写为:对options进行解构并赋予默认值
function setCookie(name, value, { secure, path, domain, expires } = {}) {
// ...
}