展开语法...

【文档链接】:展开语法

1. 展开数组

    const array1 = [1,3,5,7,9]
    const array2 = [0,2,4,6,8]
    
    console.log(...array1) // 1 3 5 7 9
    console.log(...array1) // 0 2 4 6 8

2. 连接数组

    const array3 = [...array1,...array2]
    console.log(...array3) // 1 3 5 7 9 0 2 4 6 8

3. 不能直接展开对象

    let p1 = {name:"tom", age: 18}
    // 不能直接展开对象
    // 原生JS中会报错
    // 在react + babel 后不会报错,但是输出的也是一个空值
    console.log('xxx',...p1) // xxx

4. 拷贝对象,且为深拷贝

    // 可以用作属性传递,且为深拷贝
    let p2 = {...p1}
    p1.name = "jerry"
    console.log(p1) // {name: 'jerry', age: 18}
    console.log(p2) // {name: 'tom', age: 18}

5. 复制对象时修改属性

    let p3 = {
        ...p1,
        name: 'ppp'
    }
    console.log(p3) // {name: 'ppp', age: 18}