S6中很好用的方法 ...运算符

ES6中很好用的方法 …运算符

**目的：**ES6以及ES7等后续js新规范的出现，唯一的目的很明显只有一个，使js开发效率更完善，更便捷，更高效率，下面我们介绍下在es6中我认为非常实用的一个新的操作符 …

1.作用对象：

…运算符的操作对象很广泛，对象、数组、字符串都能够进行操作，能够作为直接操作数据作为参数进行传递，进行不赋值，合并等操作。

2.用法

一.作为argument进行传递

var a=[1,2,3]
var add=function(){
    arguments.length
}
add(...a,3)
//4

在进行传参的过程中，我们需要注意一点所有运用到该运算符进行传参的操作，该后面不能够再再出现参数，如果出现的话会报错，所以大家必须注意

二.合并

var Obj1={
    a:1,
    b:2
}
var Obj2={
    c:3,
    d:4
}
var Obj={...Obj1,...Obj2}
// {a:1,b:2,c:3,d:4}

同理数组和字符串也是相同的操作，这在项目中进行数据操控中非常实用，不需要将数据一一进行赋值合并，一个方法搞定，同时不改变对象属性的名称。

三.赋值

var Obj1={
    a:{c:1},
    b:2,
    c:3
}
var {b,...Obj2}=Obj1
// {a:{c:1},c:3}

在上面main的例子中我们可以很清晰的看出来,解构赋值的好处，在赋值语句中…运算符，直接将备操作对象明确赋值以外的数据进行了全部统一赋值，这样子的话有理由我们对数据快速进行分类赋值，分别利用，在react结合redex的项目项目中我们常常将数据向下传递，但是在数据量比较多的时候，多余数据的传递是非常不好的。

…运算符进行合并赋值只是一个潜赋值的结果

var a={
    b:{
        c:1,
        d:2
    },
    e:3
}
var f={
    b:{
        c:2
    }
}
r={...a,...f}
//{
    b:{
        c:1
    },
    e:3
}