ES6-函数的解构赋值

今天在vue-element-admin项目中看到一段代码，commit用大括号，不知道啥意思，代码如下

const actions = {
  changeSetting({ commit }, data) {
    commit('CHANGE_SETTING', data)
  }
}

其实这就是函数参数的解构赋值，具体传值的时候要用中括号括起来，演示实例如下

const actions = {
  changeSetting({ commit }, data) {
    commit('CHANGE_SETTING', data)
  }
}
function m(a,b){
  console.log(a,b)
}

actions.changeSetting([m],"DATA")

运行命令：npx babel-node hello.es6，结果为：CHANGE_SETTING DATA

 

 

备注：常量的解构赋值

response = { data: { token: "admin-token" } }

const { data } = response

console.log(data.token)

 

 

 

 

参考文档：https://es6.ruanyifeng.com/#docs/destructuring