Object.assign()怎么在ES6中使用-创新互联
本篇文章给大家分享的是有关Object.assign()怎么在ES6 中使用,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
成都创新互联公司专注于麻城网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供麻城营销型网站建设,麻城网站制作、麻城网页设计、麻城网站官网定制、成都小程序开发服务,打造麻城网络公司原创品牌,更为您提供麻城网站排名全网营销落地服务。方法:Object.assign()
作用:将sourse对象的值 赋值给目标对象,两者都有的会覆盖,target独有会保留,sourse独有会添加
使用方法:
Object.assign方法实行的是浅拷贝,而不是深拷贝。也就是说,如果源对象某个属性的值是对象,那么目标对象拷贝得到的是这个对象的引用。
var object1 = { a: { b: 1 } }; ar object2 = Object.assign({}, object1); object1.a.b = 2; console.log(object2.a.b);
2.用途
2.1为对象添加属性
2.2为对象添加方法
2.3克隆对象
function copyFnc(origin) { return Object.assign({}, origin)} var sur = { a: 1, b: 2 }; console.log(copyFnc(sur));
上面代码将原始对象拷贝到一个空对象,就得到了原始对象的克隆。
不过,采用这种方法克隆,只能克隆原始对象自身的值,不能克隆它继承的值。如果想要保持继承链,可以采用下面的代码。
function clone(origin) { let originProto = Object.getPrototypeOf(origin); return Object.assign(Object.create(originProto), origin); }
在JS里子类利用Object.getPrototypeOf去调用父类方法,用来获取对象的原型。
2.4 合并多个对象
//多个对象合并到某个对象
const merge = (target, ...sources) => Object.assign(target, ...sources);
//多个对象合并到新对象
const merge = (...sources) => Object.assign({}, ...sources);
2.5为属性指定默认值
const DEFAULTS = { logLevel: 0, outputFormat: 'html'}; function processContent(options) {let options = Object.assign({}, DEFAULTS, options); }
以上就是Object.assign()怎么在ES6 中使用,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。
分享标题:Object.assign()怎么在ES6中使用-创新互联
网页网址:http://lswzjz.com/article/dsoeep.html