前端assign用法

前端assign用法

前言

在前端开发中，经常需要对对象进行属性的赋值和拷贝操作。而JavaScript中提供了一个方便的方法来实现这个功能，那就是()方法。

()方法可以将一个或多个源对象的属性复制到目标对象中，并返回目标对象。它是ES6新增的一个静态方法，它的基本语法如下：

(target, ...sources)

其中，target表示目标对象，sources表示一个或多个源对象。

下面我们来详细介绍一下()方法的用法。

基本用法

1. 将一个源对象的属性复制到目标对象中：

```

let target = { a: 1 };

let source = { b: 2 };

(target, source);

(target); // { a: 1, b: 2 }

```

上面代码中，将source对象的属性复制到target对象中，并返回target。

2. 将多个源对象的属性复制到目标对象中：

```

let target = { a: 1 };

let source1 = { b: 2 };

let source2 = { c: 3 };

(target, source1, source2);

(target); // { a: 1, b: 2, c: 3 }

```

上面代码中，将source1和source2两个源对象的属性复制到target对象中，并返回target。

3. 如果有重名属性，则后面的源对象会覆盖前面的：

```

let target = { a: 1 };

let source1 = { b: 2, a: 3 };

let source2 = { c: 4, a: 5 };

(target, source1, source2);

(target); // { a: 5, b: 2, c: 4 }

```

上面代码中，source1和source2都有a属性，但是source2的a属性在后面，所以会覆盖掉source1的a属性。

4. 如果源对象是null或undefined，则会报错：

```

let target = { a: 1 };

let source = null;

(target, source); // TypeError

```

上面代码中，source为null，所以会报错。

高级用法

1. 拷贝对象

()方法可以用来拷贝一个对象。由于它是浅拷贝，所以如果源对象中有引用类型的属性，则只会复制它的引用地址。

```

let obj1 = { a: { b: 1 } };

let obj2 = ({}, obj1);

(obj2); // { a: { b: 1 } }

obj1.a.b = 2;

(obj2); // { a: { b: 2 } }

```

上面代码中，obj1和obj2都有一个a属性，它们的值都是一个包含b属性的对象。然后使用()方法将obj1复制到obj2中。当修改obj1.a.b的值时，发现obj2.a.b也被修改了。这是因为浅拷贝只复制了引用地址。

如果要实现深拷贝，可以使用其他的方法，比如()和ify()。

2. 合并对象

()方法还可以用来合并多个对象。这个功能在实际开发中非常常用。

```

let obj1 = { a: 1 };

let obj2 = { b: 2 };

let obj3 = { c: 3 };

let obj4 = ({}, obj1, obj2, obj3);

(obj4); // { a: 1, b: 2, c: 3 }

```

上面代码中，obj4是由obj1、obj2和obj3合并而来的。

注意，如果有重名属性，则后面的源对象会覆盖前面的。

3. 混入Mixin

Mixin是一种将多个对象合并成一个新对象的方法。()方法可以用来实现Mixin功能。

```

let mixin = {

method1() {},

method2() {},

};

class MyClass {}

(ype, mixin);

```

上面代码中，mixin是一个包含method1和method2两个方法的对象。然后使用()方法将它们混入到MyClass类中。这样MyClass类就拥有了method1和method2两个方法。

注意，如果MyClass已经有了同名的方法，则会被覆盖掉。

结语

以上就是()方法的基本用法和高级用法。在实际开发中，它非常实用，可以大大提高开发效率。但需要注意的是，在浅拷贝时要注意引用类型的属性。