请问ES6中的这句析构赋值该怎么理解呢？

Question

const add = (state, { payload }) => {
  return state.concat(payload);
};

有大神能解答下这句代码的意思吗？

不太理解

Answer 1

函数的参数如果是对象的成员，优先使用解构赋值。
// bad
function getFullName(user) {
const firstName = user.firstName;
const lastName = user.lastName;
}
// good
function getFullName(obj) {
const { firstName, lastName } = obj;
}
// best
function getFullName({ firstName, lastName }) {
}

ECMAScript 6 入门

Answer 2

两个参数 一个参数是state 另一个参数是个对象 取出对象里的payload字段的值赋给payload变量 第二个就是个对象解构

Answer 3

var add = function(state, param){
  return state.concat(param.payload);
};

Answer 4

// 看文档，看怎么调用.
add(['a','b'], {payload:['c','d']}) // ['a','b','c','d']