【ES6】对象的扩展2
来源:互联网 发布:松岗卓翼科技工资算法 编辑:程序博客网 时间:2024/04/28 10:47
Object.assign
方法实行的是浅拷贝,而不是深拷贝。也就是说,如果源对象某个属性的值是对象,那么目标对象拷贝得到的是这个对象的引用。
var obj1 = {a: {b: 1}};var obj2 = Object.assign({}, obj1);obj1.a.b = 2;obj2.a.b // 2
上面代码中,源对象obj1
的a
属性的值是一个对象,Object.assign
拷贝得到的是这个对象的引用。这个对象的任何变化,都会反映到目标对象上面。
对于这种嵌套的对象,一旦遇到同名属性,Object.assign
的处理方法是替换,而不是添加。
var target = { a: { b: 'c', d: 'e' } }var source = { a: { b: 'hello' } }Object.assign(target, source)// { a: { b: 'hello' } }
上面代码中,target
对象的a
属性被source
对象的a
属性整个替换掉了,而不会得到{ a: { b: 'hello', d: 'e' } }
的结果。这通常不是开发者想要的,需要特别小心。
有一些函数库提供Object.assign
的定制版本(比如Lodash的_.defaultsDeep
方法),可以解决浅拷贝的问题,得到深拷贝的合并。
注意,Object.assign
可以用来处理数组,但是会把数组视为对象。
Object.assign([1, 2, 3], [4, 5])// [4, 5, 3]
上面代码中,Object.assign
把数组视为属性名为0、1、2的对象,因此目标数组的0号属性4
覆盖了原数组的0号属性1
。
常见用途
Object.assign
方法有很多用处。
(1)为对象添加属性
class Point { constructor(x, y) { Object.assign(this, {x, y}); }}
上面方法通过Object.assign
方法,将x
属性和y
属性添加到Point
类的对象实例。
(2)为对象添加方法
Object.assign(SomeClass.prototype, { someMethod(arg1, arg2) { ··· }, anotherMethod() { ··· }});// 等同于下面的写法SomeClass.prototype.someMethod = function (arg1, arg2) { ···};SomeClass.prototype.anotherMethod = function () { ···};
上面代码使用了对象属性的简洁表示法,直接将两个函数放在大括号中,再使用assign方法添加到SomeClass.prototype之中。
(3)克隆对象
function clone(origin) { return Object.assign({}, origin);}
上面代码将原始对象拷贝到一个空对象,就得到了原始对象的克隆。
不过,采用这种方法克隆,只能克隆原始对象自身的值,不能克隆它继承的值。如果想要保持继承链,可以采用下面的代码。
function clone(origin) { let originProto = Object.getPrototypeOf(origin); return Object.assign(Object.create(originProto), origin);}
(4)合并多个对象
将多个对象合并到某个对象。
const merge = (target, ...sources) => Object.assign(target, ...sources);
如果希望合并后返回一个新对象,可以改写上面函数,对一个空对象合并。
const merge = (...sources) => Object.assign({}, ...sources);
(5)为属性指定默认值
const DEFAULTS = { logLevel: 0, outputFormat: 'html'};function processContent(options) { let options = Object.assign({}, DEFAULTS, options);}
上面代码中,DEFAULTS
对象是默认值,options
对象是用户提供的参数。Object.assign
方法将DEFAULTS
和options
合并成一个新对象,如果两者有同名属性,则option
的属性值会覆盖DEFAULTS
的属性值。
注意,由于存在深拷贝的问题,DEFAULTS
对象和options
对象的所有属性的值,都只能是简单类型,而不能指向另一个对象。否则,将导致DEFAULTS
对象的该属性不起作用。
- 【ES6】对象的扩展2
- ES6对象的扩展
- 【es6】对象的扩展
- ES6--对象的扩展
- ES6对象的扩展
- ES6-Array对象的扩展
- es6入门-对象的扩展
- ES6--对象、函数的扩展
- 07、ES6 对象的扩展
- ES6(八) 对象的扩展
- ES6--内置对象的扩展
- ES6-对象的扩展-对象的扩展运算符
- ES6 对象的扩展 简单测试
- 自学-ES6篇-对象的扩展
- Math 对象es6上面的扩展
- es6 javascript对象的扩展运算符
- ES6之路--对象的扩展
- ES6 —(对象的扩展)
- 4_7计数
- MySQL事件Event
- 指针铁律2/3:间接赋值是指针存在的最大意义
- Line Reflection
- [LeetCode104]Maximum Depth of Binary Tree
- 【ES6】对象的扩展2
- 唐灵波_2015级精英班_2015~2016第一学期总结
- Timer和TimerTask总结
- 配置nagios监控oracle,check_oracle_health
- 基于Netty 的webSocket开发
- HTTP协议1
- 网络编程(8)—— IP地址和域名之间的转换
- 有些东西再忙也要做
- 第36篇 翻译webrtc官方文档(三)及PHP命名空间(二)