JavaScript中的计算/瞬态字段

时间:2012-07-07 15:43:14

标签: javascript

我正在尝试使用OO JavaScript实现以下内容:

class Sample
{
  public int x {get; set;}
  public int y {get; set;}

  public int z
  {
    get {return x+y;}
  }
}

我无法理解如何在上面的类中实现属性'z'。

1 个答案:

答案 0 :(得分:5)

你必须使用一个功能。从ECMAScript第5版(ES5)开始,该函数可以是以正常非函数方式访问的属性的“getter”;在此之前,您必须使用显式函数调用。

以下是ES5方式,使用definePropertyLive copy | source

function Sample()
{
    // Optionally set this.x and this.y here

    // Define the z property
    Object.defineProperty(this, "z", {
        get: function() {
            return this.x + this.y;
        }
    });
}

用法:

var s = new Sample();
s.x = 3;
s.y = 4;
console.log(s.z); // "7"

使用ES3(例如,早期版本):

function Sample()
{
    // Optionally set this.x and this.y here
}
Sample.prototype.getZ = function() {
    return this.x + this.y;
};

用法:

var s = new Sample();
s.x = 3;
s.y = 4;
console.log(s.getZ()); // "7"

请注意,您必须实际调用函数getZ(),而ES5可以使其成为属性访问(仅z)。


请注意,JavaScript(尚未)具有class功能(尽管它是一个保留字,而且还有一个)。您可以通过构造函数和原型来完成对象类,因为JavaScript是一种原型语言。 (好吧,它有点混合。)如果你开始进入层次结构,那么就会出现一些重要的,重复的管道。有关详细信息,请参阅Stack Overflow上的this other answer