Свойства объекта Javascript, рассчитанные (на лету) из других свойств объекта

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

Приведенный выше код в настоящее время добивается того, чего я хочу (используя стандартный набор значений, как «а» и «б» вычислить «среднюю» затем используя «avg» во втором вычислении «округлены»).

Есть ли лучший способ достичь этого (в идеале без вызовов eval() всякий раз, когда вычисленное свойство ссылается на другое свойство).

Я хотел бы, чтобы рассчитанные свойства действовали как функции (вычисляли их значение, когда они ссылаются), а не вычисляли их значение изначально и не меняли - я бы хотел, чтобы не использовать () для вызова функций (так что я могу ссылаться как на простые значения, так и на рассчитанные значения одинаково - просто по их имени свойства).

Answer 1

Вместо использования eval, использование выполняет следующие функции:

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());

Если вы не должны поддерживать старые браузеры, чтобы избежать необходимости использовать круглые скобки при вызове функции, вы можете использовать getters следующим образом:

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

Answer 2

похоже, что вы находитесь за тем, что называется расчетным объектом. Это переменная, которая вычисляется при ее запросе. В JavaScript можно использовать Object Getter/Setter Syntax

Answer 3

Используйте Getters, если вам не нужно поддерживать Internet Explorer 8 или меньше:

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