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

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"

这里child 上的prop1 将遮蔽（或覆盖）parent 上的prop1

场景 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 中一样，我希望 child 上的 prop1 覆盖 parent 上定义的 prop1。

如何做到这一点？

Answer 1

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

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