数组属性的JavaScript getter方法

Question

我相信我了解对象上的getter和setter方法的好处，这直接阻碍了对属性的访问。 但是，由于数组将返回对对象的引用，因此我们似乎可以使用“ getter”方法进行设置。 有办法避免这种情况吗？

我假设是因为这是因为对象是通过引用传递而不是复制传递的，但是我不是肯定的。

var Obj = function() {
    var myVal = 20;
    var myArr = [1, 2, 3];

    this.myVal = function() {
        return myVal;
    };

    this.myArr = function() {
        return myArr;
    };
};

var myObj = new Obj();

console.log(myObj.myVal()); // 20
myObj.myVal() = 50; // error on the left hand assignment


console.log(myObj.myArr()); // [1, 2, 3]
myObj.myArr()[1] = 50; // the assignment works!
console.log(myObj.myArr()); // [1, 50, 3]

Answer 1

您在示例中所做的不是JavaScript中的getters/setters ，而是在对象上设置了一个函数，该函数在该对象的两个“私有”成员上创建了一个闭包（并且正在泄漏该数组的引用） 。 您可以像使用另一种语言一样将帮助程序功能称为“获取程序”和“设定程序”，但这可能会引起混乱。

辅助函数如下所示：

var Obj = function() {
    var myVal = 20;

    this.getVal = function() {
        return myVal;
    };

    this.setVal = function(val){
        // validation of val
        myVal = val;
    };
};

定义“获取器和设置器”的方法有很多，我建议您查看MDN： https : //developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Working_with_Objects#Defining_Getters_and_Setters

这是我最喜欢的方式之一：

var o = { a:0 }
Object.defineProperties(o, {
    "b": { get: function () { return this.a + 1; } },
    "c": { set: function (x) { this.a = x / 2; } }
});
o.c = 10 // Runs the setter, which assigns 10 / 2 (5) to the 'a' property
console.log(o.b) // Runs the getter, which yields a + 1 or 6

编辑
请记住，构造函数将返回自身（由函数创建的对象）或从函数返回的对象。 您可以使用它在某些对象o上使用Object.defineProperties ，然后只需在构造函数的末尾返回o 。
/编辑

参考

为了回答有关将内部数组引用泄漏到辅助函数之外的问题，我建议克隆该数组。 您还需要考虑到array的内部也可能是对象引用，而不是基元，并确定要锁定对象的“私有”状态的距离。

我个人使用框架和clone功能。 例如，您可以使用underscore.js的clone（）