Question

我正在尝试创建一个javascript对象，为其上设置的属性计算各种值。我编写了这个我想要实现的简单示例： JSFIDDLE

var obj = {};
obj.a = 2;
obj.b = 5;
obj.avg = "(obj.a + obj.b)/2"; 
obj.rounded = "Math.floor(eval(obj.avg))";

console.log("rounded avg: " + eval(obj.rounded));
//simulate changing properties
obj.a = Math.floor(Math.random() * 10);
obj.b = Math.floor(Math.random() * 10);
console.log("rounded avg: " + eval(obj.rounded));

上面的代码目前达到我想要的效果（使用标准设置值，如'a'和'b'来计算'avg'，然后在第二次计算中使用'avg''舍入'）。

有没有更好的方法来实现这一点（理想情况下，只要在另一个属性中引用计算属性，就没有eval()调用）。

我想要的是计算出的属性就像函数一样（在引用时计算它们的值）而不是最初计算它们的值而不是更改 - 我希望避免使用()来调用它们函数（这样我可以用同样的方式引用普通值和计算值 - 只需要通过它们的属性名称）。

Answer 1

不使用eval，而是使用以下函数：

＆＃13;

var obj = {};
obj.a = 2;
obj.b = 5;
obj.avg = function() { return (this.a + this.b) / 2; };
obj.rounded = function() { return Math.floor(this.avg()); };

console.log("rounded avg: " + obj.rounded());
obj.a = Math.floor(Math.random() * 10);
obj.b = Math.floor(Math.random() * 10);
console.log("rounded avg: " + obj.rounded());

＆＃13;

如果您不必支持旧浏览器，为避免在调用函数时使用括号，您可以使用getters，如下所示：

＆＃13;

var obj = {
  a: 2,
  b: 5,
  get avg() { return (this.a + this.b) / 2; },
  get rounded() { return Math.floor(this.avg) }
}

console.log("rounded avg: " + obj.rounded);
obj.a = Math.floor(Math.random() * 10);
obj.b = Math.floor(Math.random() * 10);
console.log("rounded avg: " + obj.rounded);

＆＃13;

Answer 2

如果您不需要支持Internet Explorer 8或更低版本，请使用Getters：

var obj = {
  a:2,
  b:5,
  get avg(){
    return (this.a + this.b)/2;
  }, 
  get rounded(){
    return Math.floor(this.avg);
  }
}

用法：

obj.a; // returns 2
obj.b; // returns 5
obj.avg; // returns 3.5
obj.rounded; // returns 3

Answer 3

您似乎正在使用所谓的计算属性。这是一个在被要求时计算的变量。在Javascript中，您可以使用Object Getter/Setter Syntax

Javascript对象属性从其他对象属性计算（动态）

3 个答案: