Object.assign 的弊端
时间: 2023-11-09 19:01:56 浏览: 36
Object.assign 的弊端是它只能进行浅拷贝,即只能复制对象的第一层属性,如果对象中有嵌套的对象,那么只会复制嵌套对象的引用,而不是嵌套对象本身。这可能会导致意外的副作用,因为对嵌套对象的修改会影响到原始对象和拷贝对象。
例如:
```
const obj1 = { a: { b: 1 } };
const obj2 = Object.assign({}, obj1);
obj2.a.b = 2;
console.log(obj1); // { a: { b: 2 } }
console.log(obj2); // { a: { b: 2 } }
```
在上面的例子中,修改 obj2.a.b 的值也会影响到 obj1.a.b 的值,因为它们共享同一个嵌套对象。
相关问题
Object.assign作用
Object.assign是JavaScript中的一个方法,用于将一个或多个源对象的属性复制到目标对象中。它的作用是将源对象的属性合并到目标对象中,如果目标对象已经存在相同的属性,则会进行覆盖。
Object.assign的语法如下:
```javascript
Object.assign(target, ...sources)
```
其中,target是目标对象,sources是一个或多个源对象。
Object.assign方法会返回目标对象,也就是合并后的对象。
使用Object.assign可以实现以下功能:
1. 合并对象:将多个对象合并成一个新的对象。
2. 克隆对象:复制一个对象的属性到另一个新的对象中。
3. 合并默认值:将默认值与用户提供的值合并,生成最终的配置对象。
注意事项:
- Object.assign只会复制源对象自身的可枚举属性,不会复制继承的属性和不可枚举属性。
- 如果源对象中有getter函数,那么在复制时会调用该函数获取值。
- 如果传入的参数不是对象,则会先转换为对象再进行复制。
Object.assign用法
Object.assign() 是 JavaScript 中的一个方法,用于将一个或多个源对象的属性复制到目标对象中。它的语法如下:
Object.assign(target, ...sources)
其中,target 是目标对象,sources 是一个或多个源对象。
Object.assign() 方法会返回目标对象。如果目标对象已经存在相同的属性,则会覆盖原有的属性值。
下面是一些 Object.assign() 的使用示例:
1. 复制对象属性:
```
const obj1 = { a: 1 };
const obj2 = { b: 2 };
const obj3 = Object.assign({}, obj1, obj2);
console.log(obj3); // 输出: { a: 1, b: 2 }
```
2. 合并对象:
```
const obj1 = { a: 1 };
const obj2 = { b: 2 };
const obj3 = { c: 3 };
const mergedObj = Object.assign({}, obj1, obj2, obj3);
console.log(mergedObj); // 输出: { a: 1, b: 2, c: 3 }
```
3. 克隆对象:
```
const obj1 = { a: 1, b: 2 };
const clonedObj = Object.assign({}, obj1);
console.log(clonedObj); // 输出: { a: 1, b: 2 }
```
需要注意的是,Object.assign() 方法只会复制对象的可枚举属性,而且它不会复制继承自原型链上的属性。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)