Object.assign()

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

使用案例:

const target = { lastname: 'Sun', firstname: 'Wen' };
const source = { age: 24, sex: 'male' };

const peolple1 = Object.assign(target, source);
const peolple2 = Object.assign({}, source);

console.log(target);
// expected output: Object {lastname: 'Sun', firstname: 'Wen' ,age: 24, sex: 'male' }

console.log(peolple1);
// expected output: Object {lastname: 'Sun', firstname: 'Wen' ,age: 24, sex: 'male' }

console.log(peolple2);
// expected output: Object { age: 24, sex: 'male' }

 但是要注意的是:

Object.assign 只会拷贝所有的属性值到新的对象中,如果属性值是对象的话,拷贝的是地址,所以并不是深拷贝。

let obj = { name: '程序猿', age:{child: 12} }

let copy = Object.assign({}, obj);

copy.name = '单身狗'

copy.age.child = 24

console.log(obj) // { name: '程序猿', age:{child: 24} }

上面的例子大概是这个意思,有一个原始的obj对象,他里面的age对象有一个子节点child,然后使用Object.assign({}, obj)直接拷贝这个对象(或者叫做浅拷贝obj),最后用点赋值法修改copy对象的属性,结果是对原obj对象也进行了修改。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值