object.assign()的基本语法:将源对象(source)的所有可枚举属性的实例属性复制到目标对象(target)。
object.assign( target, source1, source2, ... )
所以,object.assign()复制的属性是有限制的:
只复制源对象的自身实例属性,不复制原型属性(继承属性); 只复制可枚举属性(enumerable:true)看下面例子:
function person(){ this.sex = 'man'; } person.prototype.name = 'hello'; var p = new person(); var newp = object.assign({}, p) console.log( newp ); //object {sex: "man"} console.log( newp.sex ); //man console.log( newp.name ); //undefined
仅仅使用object.assign是无法复制到源对象的原型属性,需要对它的原型对象进行操作。
定义一个clone函数:
function clone(targetobj){ var targetproto = object.getprototypeof(targetobj); return object.assign( object.create(targetproto), targetobj); }
function person(){ this.sex = 'man'; } person.prototype.name = 'hello'; var p = new person(); var newp = clone(p); console.log( newp ); //object {sex: "man"} console.log( newp.sex ); //man console.log( newp.name ); //hello
注意,下面这种写法是错误的:
function clone2(targetobj){ var targetproto = object.getprototypeof(targetobj); return object.assign( targetproto, targetobj); } //这个时候newp 会发生变化,name不再是原型链上的继承属性 console.log( newp ); //{name: "hello", sex: "man"}
clone和clone2的区别在于:
clone是将原型的实例对象作为目标对象target进行处理,所以它的原型属性是保留的。 clone2是直接将原型对象作为目标对象target进行处理,它的原型属性会被合并为实例属性。
如对本文有疑问, 点击进行留言回复!!
清除新版Google Chrome浏览器中表单控件(input,button...)默认的黑色边框
荐 20200714——git/mac配置/项目运行步骤/一些报错
antd 菜单组件 使用时报错:Cannot read property ‘isRootMenu‘ of undefined
CSS|div的style=“background-image: url(img/a.bmp)图片显示不出来
硬件仪表盘账号建立指导(一) --WHQL认证测试结果提交账号(一)
cookie的规范Cookie的不可跨域名性或Cookie与域名的关系
网友评论