javascript - 自定义 JS 对象无法正确解析

Question

以下对象是根据 Nicholas Zakas 的“JavaScript 中面向对象编程原理”中的示例构建的。然而，我无法从语法中发现一些错误。当我尝试将其加载到浏览器中时，我在控制台中收到错误:“ReferenceError:owner_idx 未定义”

有人知道如何修复此问题吗？

function Editor() {
    Object.defineProperty(this, "program_idx", {
        get: function() {
            return program_idx;
        },
        set: function(newVal) {
            program_idx = newVal;
        },
        enumerable: true,
        configurable: true
    });

    Object.defineProperty(this, "owner_idx", {
        get: function() {
            return owner_idx;
        },
        set: function(newVal) {
            owner_idx = newVal;
        },
        enumerable: true,
        configurable: true
    });
};

Answer 1

嗯，“owner_idx 未定义”。你为什么不定义它？

function Editor() {

    var program_idx, owner_idx; 

    Object.defineProperty(this, "program_idx", {
        get: function() {
            return program_idx;
        },
        set: function(newVal) {
            program_idx = newVal;
        },
        enumerable: true,
        configurable: true
    });

    Object.defineProperty(this, "owner_idx", {
        get: function() {
            return owner_idx;
        },
        set: function(newVal) {
            owner_idx = newVal;
        },
        enumerable: true,
        configurable: true
    });
};

var e = new Editor();
e.owner_idx = "foo";
console.log(e.owner_idx);

但是如果您的唯一目的是获取/设置属性值(在存储/检索之前不转换它们，或者更改其值影响其他属性)，则不需要访问器方法。常规属性就可以很好地工作。