访问器：setter 不起作用

Question

我正在使用 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: Definitive Guide 中遵循了这个示例

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

Answer 1

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

dummy.nameAccessor = 'Mazinga';

调用setter函数。

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

Answer 2

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

Answer 3

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

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;}

};