4

我正在使用 Javascript 访问器属性（我从零开始学习 javascript），试图为一个简单的对象创建 getter 和 setter，这里的代码：

var dummy = {
        name: 'empty',
        description: 'static description',

        get nameAccessor(){return 'name value is: ' + this.name;},
        set nameAccessor(value){ this.name = value;},

        get descAccessor(){return 'desccription value is: ' + this.description;},
};

console.log(dummy.nameAccessor);
console.log(dummy.nameAccessor('Mazinga'));
console.log(dummy.nameAccessor);

但它会抛出一个错误：

未捕获的类型错误：对象# 的属性“nameAccessor”不是函数

当它执行setter代码时：

    console.log(dummy.nameAccessor('Mazinga'));

这里出了什么问题？

编辑：

好的，这似乎不是javascript的一个众所周知的功能，但是我从 Javascript中遵循了这个例子：权威指南

var o = { 
          data_prop: value,
          get accessor_prop() { /* function body here */ },
          set accessor_prop(value) { /* function body here */ }
    };
4

3 回答 3

10

访问器不是作为对象属性的函数（“方法”），而是在分配（设置）或检索（获取）该属性时调用的函数。采用

dummy.nameAccessor = 'Mazinga';

调用 setter 函数。

相反，dummy.nameAccessor('Mazinga')获取属性“nameAccessor”（生成名称字符串），然后尝试将其作为函数调用，这将失败。如果你的 getter 返回一个函数，它会起作用，但这不是你想要的。

于 2012-08-30T10:42:37.037 回答
0

dummy.nameAccessor不是一个函数，它是一个字符串name value is: empty。

于 2012-08-30T10:43:51.670 回答
-4

您的方法语法不正确，请尝试：

var dummy = {

    name: 'empty',
    description: 'static description',

    getName : function(){return 'name value is: ' + this.name;},
    setName : function(value){ this.name = value;},
    getDesc : function(){return 'description value is: ' + this.description;}

};
于 2012-08-30T10:44:18.687 回答