首页 > Windows开发 > 详细

ES6深入浅出-11 ES6新增的API(上)1.Object.assign

时间:2019-11-13 14:38:31      阅读:87      评论:0      收藏:0      [点我收藏+]

技术分享图片

技术分享图片
这些都是es6才有的技术分享图片

Object.assign

在a加上三个属性 分别是p1\p2\p3
技术分享图片
以前是这么去加
技术分享图片

技术分享图片
b的三个属性p1、p2、p3就全部复制到a这个对象上了。
技术分享图片
技术分享图片

技术分享图片
把后面的东西放到前面的东西上

两个对象都有同一个属性


技术分享图片
后面有的重复的会覆盖前面技术分享图片

多个对象

再来一个c对象。
技术分享图片
先把b的弄到a上面,再c的弄到a上面。
技术分享图片

让c也有同样的属性a1 看看会不会覆盖前面的
技术分享图片
技术分享图片

深拷贝还是浅拷贝


技术分享图片
a=1,
b=a,b的值也是1,把a的数值拷贝到b上。
最终输出的a还是1,a和b是各自的内存存储着自己的值,
技术分享图片


技术分享图片
a的值不是对象,是内存中地址的引用。
技术分享图片

技术分享图片

技术分享图片

技术分享图片

对于大多数语言来说,深拷贝是不可能的


技术分享图片
技术分享图片

理论上的深拷贝是把heap里面的内存也复制一份。但是完美的深拷贝是不可能的。我们永远无法知道一个函数内用到了哪些数据,除非看它的源码知道用到了哪些数据。
技术分享图片

Object.assign所有的拷贝都是浅拷贝。

技术分享图片

b里面有个obj对象,给a以后。b的obj和a的obj地址是相同的
技术分享图片
修改了a的obj.name那么b的对象的值也变化了。技术分享图片

总结

只拷贝可枚举的属性。
技术分享图片


b.toString打印出来对象,toString是不可枚举的
技术分享图片


技术分享图片
b.b1的值。
技术分享图片
b要有get,a要有set,猜可能拷贝过去。这里知道这么一回事就可以了
技术分享图片

技术分享图片


技术分享图片


常用的用法是第一个参数是一个空对象,这样就可以接受别的对象的所有属性。
技术分享图片
同样的目的,不一样的写法
技术分享图片

我的总结:


1.复制后面的对象属性到前面的,

2.重复属性后面的会覆盖前面的

3.后面对象可以是多个,也就是同时复制多个对象的属性到前面参数第一个对象。

4.null和undefined的属性也会被复制过去。

5.复制对象都是浅拷贝






 

ES6深入浅出-11 ES6新增的API(上)1.Object.assign

原文:https://www.cnblogs.com/wangjunwei/p/11848190.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!