Question

ECMAScript第5版规范引入了一种称为访问器属性的新类型属性。与称为数据属性的现有和已知类型的属性相比，这两个事物在规范方面如何相互关联？

我已经阅读了有关ECMAScript v5的规范，但我并不清楚确切的区别。有人可以用代码示例解释这两个吗？我搜索过互联网，但所有的例子看起来都很模糊。

Answer 1

命名数据属性将名称与值相关联。这意味着您可以使用该属性直接获取和检索数据，例如类上的公共字段。

命名的访问者属性将名称与一个或两个访问者函数相关联。访问器函数用于存储或检索与属性关联的值。这意味着您将访问限制在get或/和set accessor属性后面的某个值。

比较两者，第一个选项不会对您的值的访问方式进行封装或控制。第二个允许您指定是否可以读取您的值并获取访问者，编写“设置访问者”和“访问者”。或两者兼而有之。

<强>更新

关于你的次要疑问（在评论中）这里有一个关于我刚刚烹饪的Ecma Script基础知识的一点点快速;）：

// accounting namespace
var Accounting = {};

// client class definition
Accounting.Client = function(){
    // private fields
    var _address="";
    var _phone=0;

    // data property
    this.token = "";

    // privileged properties
    Object.defineProperty(this, "address", {
        get: function(){
            if(console) console.log('hey im using get address accessor property.');        
            return _address;
        },
        set: function(value){
            if(console) console.log('hey im using set address accessor property.');

            if(value == null)
                throw new Error('Field address cannot be null!');

            _address=value;
        }
    });

    Object.defineProperty(this, "phone", {
        get: function(){
            if(console) console.log('hey im using get phone accessor property.');
            return _phone;
        },
        set: function(value){
            if(console) console.log('hey im using set phone accessor property.');
            _phone=value;
        }
    });
};

Accounting.Client.prototype = {
    sayHello: function(){
        alert("hello im a shared function, which means im shared by all objects of type Client"
              + " and i do not have access to private fields :(.");
    }
};


/* use case */
var c1 = new Accounting.Client();
c1.address = "Rua da Capela";
c1.phone = 961909090;
c1["token"] = "mytoken in a data property";
c1.token = c1.token + "-111";

alert("client address is '" + c1.address + "' and his phone also is '" + c1.phone + "'.");
c1.sayHello();    
alert(c1.token);

try{
    // check non nullable field.
    c1.address=null;
}
catch(ex){
    alert(ex);
}

使用我的jsfiddle玩游戏！

快乐的编码！

ECMAScript中访问器属性和数据属性之间的区别？

1 个答案: