有什么方法可以让下面的东西在JavaScript中工作?
var foo = {
a: 5,
b: 6,
c: this.a + this.b // Doesn't work
};
在当前的表单中，这段代码显然抛出了一个引用错误，因为它没有引用foo。但是有没有办法让对象字面量的属性值依赖于之前声明的其他属性呢?
当前回答
如果你的对象被编写成一个返回对象的函数，并且你使用ES6对象属性“方法”，那么它是可能的:
const module = (state) => ({
a: 1,
oneThing() {
state.b = state.b + this.a
},
anotherThing() {
this.oneThing();
state.c = state.b + this.a
},
});
const store = {b: 10};
const root = module(store);
root.oneThing();
console.log(store);
root.anotherThing();
console.log(store);
console.log(root, Object.keys(root), root.prototype);
其他回答
好吧，我想到了另一个解决方案。这里我想初始化一个对象，表示每个时间单位的毫秒数。 结果是typescript中的enum在我的例子中不能使用，所以我声明了多个变量，并将其分配给一个对象，如下所示:
const SECOND = 1000
const MINUTE = 60 * SECOND
const HOUR = 60 * MINUTE
const DAY = 24 * HOUR
const WEEK = 7 * DAY
export const TimeInMS = {
SECOND,
MINUTE,
HOUR,
DAY,
WEEK
}
这种方法的缺点是:
变量被定义为常量，即使我们不需要它们。因此它需要无用的内存。 对象的每个值必须声明为独立的变量
如果你的对象被编写成一个返回对象的函数，并且你使用ES6对象属性“方法”，那么它是可能的:
const module = (state) => ({
a: 1,
oneThing() {
state.b = state.b + this.a
},
anotherThing() {
this.oneThing();
state.c = state.b + this.a
},
});
const store = {b: 10};
const root = module(store);
root.oneThing();
console.log(store);
root.anotherThing();
console.log(store);
console.log(root, Object.keys(root), root.prototype);
可维护性很好的替代语法:
let a = 5;
let b = 6;
let foo = {
a,
b,
c: a+b,
};
这是因为如果您没有显式地指定名称，JavaScript将使用变量名作为新创建的对象的属性名。对于像这样的短数组，如果在函数中，我个人会使用单行语法和return:
let a = 5;
let b = 6;
return { a, b, c:a+b };
显而易见，简单的答案是缺失的，所以为了完整:
但是有没有办法让对象字面量的属性值依赖于之前声明的其他属性呢?
不。这里的所有解决方案都将它延迟到对象创建之后(以各种方式)，然后分配第三个属性。最简单的方法就是这样做:
var foo = {
a: 5,
b: 6
};
foo.c = foo.a + foo.b;
其他的都是做同样事情的更间接的方式。(Felix的方法特别聪明，但需要创建和销毁临时函数，这增加了复杂性;并且要么在对象上留下额外的属性，要么[如果删除该属性]影响该对象上后续属性访问的性能。)
如果你需要它都在一个表达式中，你可以不使用temporary属性:
var foo = function(o) {
o.c = o.a + o.b;
return o;
}({a: 5, b: 6});
当然，如果你需要多次这样做:
function buildFoo(a, b) {
var o = {a: a, b: b};
o.c = o.a + o.b;
return o;
}
然后你需要使用它的地方:
var foo = buildFoo(5, 6);
在对象字面量上创建新函数并调用构造函数似乎与原始问题完全不同，而且没有必要。
在对象文字初始化期间不能引用兄弟属性。
var x = { a: 1, b: 2, c: a + b } // not defined
var y = { a: 1, b: 2, c: y.a + y.b } // not defined
计算属性的最简单的解决方案如下(没有堆，没有函数，没有构造函数):
var x = { a: 1, b: 2 };
x.c = x.a + x.b; // apply computed property
