ES6 ...扩展运算符

数组合并

//es5
let b1 = ['平凡的世界第一部', '平凡的世界第二部', '平凡的世界第三部']
let b2 = ['人生']
let b3 = b1.concat(b2);
//console.log(b3) // (4) ["平凡的世界第一部", "平凡的世界第二部", "平凡的世界第三部", "人生"]

//es6
let b4 = [...b1, ...b2];
b4[3] = '月夜静悄悄'
console.log(b4) //(4) ["平凡的世界第一部", "平凡的世界第二部", "平凡的世界第三部", "月夜静悄悄"]

对象合并

let obj1 = {
    b1: '平凡的世界第一部',
    b2: '平凡的世界第二部',
    b3:'平凡的世界第三部',
}
let obj2 = {
    ...obj1,
    b4:'人生',
}
console.log(obj2) //{b1: "平凡的世界第一部", b2: "平凡的世界第二部", b3: "平凡的世界第三部", b4: "人生"}

//如后者与前者相同，后者覆盖前者
let obj1 = {
    b1: '平凡的世界第一部',
    b2: '平凡的世界第二部',
    b3: '平凡的世界第三部',
    b4: '月夜静悄悄',
}
let obj2 = {
    ...obj1,
    b4: '月夜静悄悄11111',
    b5: '人生',
}
console.log(obj2) //{b1: "平凡的世界第一部", b2: "平凡的世界第二部", b3: "平凡的世界第三部", b4: "月夜静悄悄11111", b5: "人生"}

let obj = { name: 'lily', }
let obj1 = { job: '前端', }
let obj2 = { sex: 1, }
let obj5 = { ...obj, ...obj1, ...obj2 }
console.log(obj5) //{name: "lily", job: "前端", sex: 1}

//与Object.assign用法相同 Object.assign(target, ...sources)
let obj4 = Object.assign(obj, obj1, obj2);
console.log(obj4) //{name: "lily", job: "前端", sex: 1}
console.log(obj) //{name: "lily", job: "前端", sex: 1}  /**这里值得注意的是目标对象也会随之改变 */