Object.assign()的作用
一、是什么?
object.assign()主要用于对象合并,将源对象中的属性复制到目标对象中,他将返回目标对象。用于浅拷贝
二、怎么用?
Object.assign(target, ...sources)
参数:target—>目标对象
source—>源对象
返回值:target,目标对象
三、使用场景:
- 目标对象和源对象没有同名属性:
var target = {name:'带你飞'}var source = {age:18} var result = Object.assign(target,source) console.log(result,target===result); // {name: '带你飞', age: 18} true
- 目标对象和源对象有同名属性:如果有同名属性的话,后面的属性值会覆盖前面的属性值。
var target = {name:'带你飞',age:16} var source = {age:18}var result = Object.assign(target,source) console.log(result,target===result); // {name: '带你飞', age: 18} true
- 有多个源对象:如果有多个源对象,没有同名的属性会直接复制到目标对象上,如果有同名属性的话,后面的属性值会覆盖前面的属性值。
var target = {name:'带你飞',age:16} var source1 = {age:18} var source2 = {age:20,hobby:'打游戏'} var result = Object.assign(target,source1,source2) console.log(result,target===result); // {name: '带你飞', age: 20, hobby: '打游戏'} true
- 原始类型会被包装为对象:
var source1 = "abc"; var source2 = true; var source3 = 10; var result = Object.assign({}, source1, null, source2, undefined, source3); // 原始类型会被包装,null 和 undefined 会被忽略。 // 注意,只有字符串的包装对象才可能有自身可枚举属性。 console.log(result); // {0: 'a', 1: 'b', 2: 'c'}
- 对象的拷贝:只会拷贝源对象自身的并且可枚举的属性到目标对象。
var object1 = { a: 1, b: 2, c: 3 }; var object2 = Object.assign({c: 4, d: 5}, object1); console.log(object2.c, object2.d); // 3 5 console.log(object1) // { a: 1, b: 2, c: 3 } console.log(object2) // { c: 3, d: 5, a: 1, b: 2 }
- 对象的深拷贝:
Tips:深拷贝不会拷贝引用类型的引用,而是将引用类型的值全部拷贝一份,形成一个新的引用类型,这样就不会发生引用错乱的问题,使得我们可以多次使用同样的数据,而不用担心数据之间会起冲突。
这里是进行一个类似于深拷贝的操作,不是深拷贝,如果将Object.assign中的{}去掉,那么object1中的c也将随之更改为c:{d:20}let object1 = { a: 1, b: 2, c: { d:10 } }; let object2 = Object.assign({}, obj1, { c:{d: 20} }); console.log(object1); // { a: 1, b: 2, c:{d:10}} console.log(object2); // { a: 1, b: 2, c:{d:20}}
- 对象的浅拷贝:
Tips:浅拷贝只是复制了对象的引用地址,两个对象指向同一个内存地址,所以修改其中任意的值,另一个值都会随之变化,这就是浅拷贝。
注意事项var object1 = { a: 1, b: { c: 2, d: 3 } }; var object2 = Object.assign({}, object1); object2.a = 10; object2.b.c = 20; console.log(object1); // { a: 1, b: { c: 20, d: 3 } } console.log(object2) //{ a: 10, b: { c: 20, d: 3} }
1、Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象,继承属性和不可枚举属性是不能拷贝的。
2、针对深拷贝,需要使用其他办法,因为 Object.assign()拷贝的是属性值。假如源对象的属性值是一个对象的引用,那么它也只指向那个引用。
3、目标对象自身也会改变
4、异常会打断后续拷贝任务
5. ie不兼容此写法
总结:object.assign()主要用于对象合并,将源对象中的属性复制到目标对象中,他将返回目标对象。如果有同名属性的话,后面的属性值会覆盖前面的属性值,如果有多个源对象,没有同名的属性会直接复制到目标对象上,还可以进行对象的深浅拷贝,当对象中只有一级属性,没有二级属性的时候,此方法为深拷贝,但是对象中有对象的时候,此方法,在二级属性以后就是浅拷贝。
参考链接如下: [1]: https://blog.csdn.net/weixin_47619284/article/details/125900605