方案1:
//create a parent object
var parent = {}
// define a property prop1 on parent
parent.prop1 = 'value1'
parent.prop1 // will print 'value1'
// create a child object with parent as the prototype
var child = Object.create(parent)
child.prop1 // will print "value1"
// create prop1 on child
child.prop1 = 'value updated'
child.prop1 // will print 'value updated'
parent.prop1 // will print "value1"
在这里prop1
onchild
将遮蔽(或覆盖)prop1
onparent
方案2:
// define parent
var parent = {}
//define setter/getters for prop1
Object.defineProperty(parent, 'prop1',
{
get: function () {
console.log('inside getter of prop1');
return this._prop1;
},
set: function (val) {
console.log('inside setter of prop1');
this._prop1 = val;
}
});
// define prop1 on parent
parent.prop1 = 'value1' // prints: inside setter of prop1
//access prop1
parent.prop1 // prints inside getter of prop1 and "value1"
// create a new object with parent as the prototype
var child = Object.create(parent)
// access prop1
child.prop1 // inside getter of prop1 "value1"
// update prop1 on child
child.prop1 = 'updated value'// inside setter of prop1
在最后一步,就像在scenario1,我想prop1
上child
覆盖prop1
定义上parent
。
如何实现呢?
正如@dandavis所建议的那样,在子级上重新定义该属性将覆盖父级的属性。
Object.defineProperty(child, "prop1", {value: 'updated value'});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句