javascript的Object.assign()怎么用

这篇“javascript的Object.assign()怎么用”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“javascript的Object.assign()怎么用”文章吧。如下：这里也涉及到一个深拷贝和浅拷贝的概念。javascript中存储对象都是存地址的，所以浅拷贝是都指向同一块内存区块，而深拷贝则是另外开辟了一块区域。下面实例也可以看出这一点：可以明显看出，浅拷贝在改变其中一个值时，会导致其他也一起改变，而深拷贝不会。我需要的是深拷贝的方法，然后发现原来es6 中有Object.assign() 这个方法，感觉可以拿来用了。贴一下两个官方例子：是不是很完美，又可以clone又可以merge。在我这种情况下，我觉得我的代码量又可以减少了，比如：不过，很快，问题出现了，那就是且看例子：原本想的是它只会覆盖subtext ，然而其实它直接覆盖了整个title ，这个让我比较郁闷，相当于它只merge根属性，下面的就不做处理了。代码只免费云主机域名能重构成相对麻烦一点的：这样用虽然麻烦一点，但是也还好，可以用了。不过。。。很快，又出现问题了，如下：上面结果发现两个配置变得一模一样，而其实我们并没有去更改opt1 的subtext ，只是改了opt2 的。这说明一点：在title 这一层只是简单的浅拷贝 ，而没有继续深入的深拷贝。这里不经让我怀疑这个接口到底是怎么实现的，它到底是不是和我所想的一样。翻了一下官方文档，发现它写得一个Polyfill ，代码我加了点注释如下：上面的代码可以直接说明它只对顶层属性做了赋值，完全没有继续做递归之类的把所有下一层的属性做深拷贝。Object.assign() 只是一级属性复制，比浅拷贝多深拷贝了一层而已。用的时候，还是要注意这个问题的。附：发现一个可以简单实现深拷贝的方法，当然，有一定限制，如下：思路就是将一个对象转成json字符串，然后又将字符串转回对象。Object.assign() 第一个参数是目标对象，后面的都是源对象。 Object.assign (target, source1,source2, source3, …);如果源对像与目标对象有相同的属性名，或源对象中有相同的属性名，后面的会覆盖前边的值 。如果参数传入的不是Object，会转成Objectnull和undefined 不能作为参数传入，因为null和undefined 不能转成Object如果发生的值是一个对象，Object.assign的处理方法是直接替换，而不是添加。 如下面的 a 和 b可以为类添加方法输出的结果：ObjectAssignDemo.js:13 合并后的类：
ObjectAssignDemo.js:14 {“name”:”小明”,”age”:”18″,”education”:”undergraduate”,”height”:”180cm”,”hobby”:”painting”}
ObjectAssignDemo.js:16 修改过height后的类：
ObjectAssignDemo.js:17 {“name”:”小明”,”age”:”18″,”education”:”undergraduate”,”height”:”170cm”,”hobby”:”painting”}
ObjectAssignDemo.js:19 {“name”:”加了一个类进去”,”age”:”18″,”education”:”undergraduate”,”height”:”170cm”,”hobby”:”painting”,”arr”:{“index”:1,”name”:”类”}}
ObjectAssignDemo.js:20 加一个类进去后：1
ObjectAssignDemo.js:24 {“name”:”类”,”age”:”18″,”education”:”undergraduate”,”height”:”170cm”,”hobby”:”painting”,”arr”:{“index”:2,”name”:”类”},”index”:2}
ObjectAssignDemo.js:25 修改类index后：2
ObjectAssignDemo.js:35 合并一个含属性type的类后：{“name”:”类”,”age”:”18″,”education”:”undergraduate”,”height”:”170cm”,”hobby”:”painting”,”arr”:{“index”:2,”name”:”类”},”index”:2,”type”:{“aa”:”蔬菜”}}
ObjectAssignDemo.js:40 修改newObj中的type.aa后：{“type”:{“aa”:”水果”}}
ObjectAssignDemo.js:41 修改newObj中的type.aa后：{“name”:”类”,”age”:”18″,”education”:”undergraduate”,”height”:”170cm”,”hobby”:”painting”,”arr”:{“index”:2,”name”:”类”},”index”:2,”type”:{“aa”:”水果”}}
ObjectAssignDemo.js:46 合并后的数组为：8,9,10,4,5
ObjectAssignDemo.js:58 userinfo中的信息为： 笑笑, 女以上就是关于“javascript的Object.assign()怎么用”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注百云主机行业资讯频道。

相关推荐: Hadoop高可用搭建的示例分析

这篇文章给大家分享的是有关Hadoop高可用搭建的示例分析的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。实验环境1.安装jdk2.修改hostname3.修改hosts映射，并配置ssh免密登录4.设置时间同步5.安装hadoop至…