访问器描述符：如何使用“get”并“设置”在实践中？

Question

我不确定我是否做对了。

此示例直接来自 MDN（Mozilla 开发者网络）：

var bValue;  
Object.defineProperty(o, "b", {get : function(){ return bValue; },  
                               set : function(newValue){ bValue = newValue; },  
                               enumerable : true,  
                               configurable : true});  

发生的情况是 - 它创建了一个名为 bValue 的全局变量，但尚未完成。我知道这个例子只是演示了用法，因此如果它创建一个全局变量就可以了。但如果我要在应用程序中使用它，我会稍微修改一下，添加 this 关键字：

Object.defineProperty(o, "b", {get : function(){ return this.bValue; },  
                               set : function(newValue){ this.bValue = newValue; },  
                               enumerable : true,  
                               configurable : true}); 

现在，对象 o 将具有属性 b，同时它还会有另一个属性bValue。用户（程序员）将仅暴露于“b”而不是“bValue”，尽管他仍然可以直接访问 bValue - 我不知道如何防止它。

我知道属性 b 和属性 bValue 可能并不总是相同，但 b 将取决于 bValue< 的值/code> 因为 getter 和 setter 允许我们在将值分配给 b 之前预处理 bValue。

主要问题是，我做对了吗？或者我在这里遗漏了什么？

Answer 1

您似乎正在寻找一个关闭。这是一种编码模式，使您能够使用私有变量并仅公开您想要公开的内容（公共变量）。

(function() {
    var bValue;

    Object.defineProperty(o, "b", {get : function(){ return bValue; },  
                                   set : function(newValue){ bValue = newValue; },  
                                   enumerable : true,  
                                   configurable : true}); 
})();

它创建一个函数并立即执行它。这似乎没用，但由于函数引入了一定程度的范围界定，因此除了在函数内以这种方式之外，无法在任何地方访问 bValue。

ob 属性充当开发人员和值之间的委托。您无法访问 bValue 本身。 （尽管在此示例中，getter/setter 的行为显然与直接使用 bValue 的行为完全相同。）

http://jsfiddle.net/W4CSE/2/

Answer 2

这个想法是将代码包装在一个闭包中，从而将 bValue 隐藏起来，如下所示：

var o =(function() {

    var o={},bValue;    

   Object.defineProperty(o, "b", {get : function(){ return bValue; },  
                               set : function(newValue){ bValue = newValue; },  
                               enumerable : true,  
                               configurable : true});


    return o;

})();

现在您可以引用 ob 但不能引用 bValue