object.assign 的用法

2024年2月8日发(作者：)

一、 简介

() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

二、 语法

(target, ...sources)

参数：

target：目标对象。

sources：一个或多个源对象。

返回值：

目标对象。

三、 示例

示例一：

```js

const target = { a: 1, b: 2 };

const source = { b: 4, c: 5 };

const result = (target, source);

(result); // { a: 1, b: 4, c: 5 }

```

示例二：

```js

const obj1 = { a: 1, b: 2 };

const obj2 = { b: 3, c: 4 };

const obj3 = { c: 6, d: 7 };

const result = ({}, obj1, obj2, obj3);

(result); // { a: 1, b: 3, c: 6, d: 7 }

```

四、 注意事项

1. () 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。

2. 它不会拷贝对象继承的属性，也不会拷贝不可枚举的属性。

3. 如果源对象和目标对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。

4. () 方法是浅拷贝，不会拷贝对象的深层属性。

5. 如果传入的参数是 undefined 或 null，则会报错。

五、 应用场景

1. 合并对象

() 方法可以用于合并多个对象的属性到一个新的对象中，非常适用于 React 开发中的状态管理。

```js

const state = {

name: '张三',

age: 18

};

const update = {

name: '李四',

gender: '男'

};

const newState = ({}, state, update);

(newState); // { name: '李四', age: 18, gender: '男' }

```

2. 克隆对象

利用 () 方法可以实现对象的克隆。

```js

const obj = { a: 1, b: 2 };

const clone = ({}, obj);

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

```

3. 对象属性的默认赋值

```js

const defaults = {

width: 100,

height: 100

};

const config = {

width: 200

};

const settings = ({}, defaults, config);

(settings); // { width: 200, height: 100 }

```

六、 总结

() 方法是一个十分实用的工具方法，它可以快速地合并对象、克隆对象、以及为对象属性提供默认值。在日常开发中，合理地运用 () 方法能够提高开发效率，简化代码逻辑。

七、 扩展阅读

了解更多关于 () 方法的使用方法，可以参考官方文档：