Question

情景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上的child将隐藏（或覆盖）prop1上的parent

情景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。< / p>

如何实现这一目标？

Answer 1

正如@dandavis建议的那样，重新定义孩子的属性会覆盖父母的财产。

Object.defineProperty(child, "prop1", {value: 'updated value'});

如何防止在javascript中执行继承属性的getter setter方法

1 个答案: