如何在原型上定义setter / getter

Question

请注意，此问题是在2012年提出的。每个月左右，有人会添加一个新的答案或评论来驳斥该答案，但这样做实际上没有任何意义，因为该问题可能已过时（请记住，是Gnome Javascript编写gnome-shell扩展，而不是浏览器的东西，这是相当具体的）。继我先前关于如何在Javascript中进行子类化的问题之后，我正在制作一个超类的子类，如下所示：function inherits(Child,Parent) {    var Tmp = function {};    Tmp.prototype = Parent.prototype;    Child.prototype = new Tmp();    Child.prototype.constructor = Child;}/* Define subclass */function Subclass() {    Superclass.apply(this,arguments);    /* other initialisation */}/* Set up inheritance */inherits(Subclass,Superclass);/* Add other methods */Subclass.prototype.method1 = function ... // and so on.我的问题是，如何使用这种语法在原型上定义一个setter / getter？我曾经做：Subclass.prototype = {    __proto__: Superclass.prototype,    /* other methods here ... */    get myProperty() {        // code.    }}但是很明显，以下方法不起作用：Subclass.prototype.get myProperty() { /* code */ }我使用的是GJS（GNOME Javascript），该引擎与Mozilla Spidermonkey差不多。我的代码不适合浏览器使用，只要它受GJS支持（我想这意味着Spidermonkey？），我就不在乎它是否不兼容。

Answer 1

Object.defineProperty()在上使用Subclass.prototype。在某些浏览器中也有__defineGetter__ 并且__defineSetter__可用，但已弃用。以您的示例为例：

Object.defineProperty(Subclass.prototype, "myProperty", {

    get: function myProperty() {

        // code

    }

});

Answer 2

function Unit() {

    this._data; // just temp value

}

Unit.prototype = {

  get accreation() {

    return this._data;

    },

    set accreation(value) {

    this._data = value

    },

}

Unit.prototype.edit = function(data) {

    this.accreation = data; // setting

    this.out();

};

Unit.prototype.out = function() {

    alert(this.accreation); // getting

};

var unit = new Unit();

unit.edit('setting and getting');

function Field() {

    // children

}

Field.prototype = Object.create(Unit.prototype);

Field.prototype.add = function(data) {

  this.accreation = data; // setting

    this.out();

}

var field1 = new Field();

field1.add('new value for getter&setter');

var field2 = new Field();

field2.out();// because field2 object has no setting