我相信我了解对象上的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]

===============>>#1 票数: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()

  ask by diplosaurus translate from so

未解决问题?本站智能推荐: