Question

我相信我理解对象上的getter和setter的好处，这会直接模糊对属性的访问。但是，因为数组将返回对象的引用，我们可以看似使用＆＃34; getter＆＃34;方法。有办法避免这种情况吗？

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

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，而是在对象上设置一个函数，该对象在该对象的两个“私有”成员上创建一个闭包（并且您正在泄漏一个数组的参考）。您可以像其他语言一样将辅助函数称为“getters”和“setter”，但这可能会导致混淆。

助手功能如下所示：

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

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

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

有很多不同的方法可以定义'getter and setters'，我建议您查看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。
/编辑

参考

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

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

数组属性的JavaScript getter方法

1 个答案: