数组属性的 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

您在示例中所做的不是 getters/setters在 JavaScript 中，您在一个对象上设置一个函数，该函数在该对象的两个“私有(private)”成员上创建一个闭包(并且您泄漏了该数组的引用)。您可以将辅助函数称为“getters”和“setters”，就像在其他语言中一样，但这可能会导致困惑。

辅助函数如下所示:

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

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

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

有很多不同的方法来定义“getter 和 setter”，我建议您查看 MDN:https://developer.mozilla.org/en-US/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

编辑
请记住，构造函数将返回其自身(函数创建的对象)或从函数返回的对象。您可以使用它来使用 Object.defineProperties在某些物体上o ，然后返回 o在构造函数的末尾。
/编辑

引用文献

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

就我个人而言，我使用框架和 clone功能。例如，您可以使用 underscore.js's clone()