redux和es6的相关疑问

Question

let patentListDefault={
    list:[],
    count:0,
    isLoading: false,
}
export const patentDatas = (state=patentListDefault, action = {}) => {
    let imuDataList;
    let imuItem;
    switch(action.type){
        case 'SAVEPATENTLIST':
            if(action.pageNo!=1){
                action.list=[...state.list,...action.list]
            }
            return {...state, ...action};
        default:
            return state;
    }
}

其中，return {...state, ...action};是什么意思，一个对象里面两个拓展运算符，再用逗号连接，是什么用法。

Answer 1

你可以理解成把state跟action都结构到一个新对象里，实现了对象合并的功能，注意是浅拷贝,不得不说这个特性超好用

Answer 2

看了这个例子，应该就明白了

var a = {name: 'a', age: '3'};
var b = {skill: 'swim'};
var c = {...a, ...b};
console.log(c);
// {name: "a", age: "3", skill: "swim"}

Answer 3

首先要说的是return {...state, ...action};不是什么解构哦。

这个叫做Spread syntax。 他有非常多的用法！

先来一个数组的例子：

function sum(x, y, z) {
  return x + y + z;
}

const numbers = [1, 2, 3];

console.log(sum(...numbers));
// expected output: 6

console.log(sum.apply(null, numbers));
// expected output: 6

再来一个对象例子：

var obj1 = { foo: 'bar', x: 42 };
var obj2 = { foo: 'baz', y: 13 };
const merge = ( ...objects ) => ( { ...objects } );

var mergedObj = merge ( obj1, obj2);
// Object { 0: { foo: 'bar', x: 42 }, 1: { foo: 'baz', y: 13 } }

var mergedObj = merge ( {}, obj1, obj2);
// Object { 0: {}, 1: { foo: 'bar', x: 42 }, 2: { foo: 'baz', y: 13 } }

你讲的这个其实就是这个对象的例子。

如果还是不明白， 你可以把它看成是Object.assign({}, state, action);