有什么方法可以让下面的东西在JavaScript中工作?
var foo = {
a: 5,
b: 6,
c: this.a + this.b // Doesn't work
};
在当前的表单中，这段代码显然抛出了一个引用错误，因为它没有引用foo。但是有没有办法让对象字面量的属性值依赖于之前声明的其他属性呢?
当前回答
加上一个选项，因为我没有看到这种情况。如果您不希望在a或b更新时更新c，那么ES6 IIFE可以很好地工作。
var foo = ((a,b) => ({
a,
b,
c: a + b
}))(a,b);
对于我的需要，我有一个对象，涉及到一个数组，最终将在循环中使用，所以我只想计算一些常见的设置一次，所以这是我有:
let processingState = ((indexOfSelectedTier) => ({
selectedTier,
indexOfSelectedTier,
hasUpperTierSelection: tiers.slice(0,indexOfSelectedTier)
.some(t => pendingSelectedFiltersState[t.name]),
}))(tiers.indexOf(selectedTier));
因为我需要为indexOfSelectedTier设置一个属性，我需要在设置hasUpperTierSelection属性时使用该值，我首先计算该值，并将其作为参数传递给IIFE
其他回答
为了完成，在ES6中我们有类(在撰写本文时，只有最新的浏览器支持，但在Babel, TypeScript和其他编译器中可用)
class Foo {
constructor(){
this.a = 5;
this.b = 6;
this.c = this.a + this.b;
}
}
const foo = new Foo();
有几种方法可以做到这一点;这是我要用的:
function Obj() {
this.a = 5;
this.b = this.a + 1;
// return this; // commented out because this happens automatically
}
var o = new Obj();
o.b; // === 6
这个解决方案如何?它也适用于带有数组的嵌套对象
Object.prototype.assignOwnProVal
= function (to,from){
function compose(obj,string){
var parts = string.split('.');
var newObj = obj[parts[0]];
if(parts[1]){
parts.splice(0,1);
var newString = parts.join('.');
return compose(newObj,newString);
}
return newObj;
}
this[to] = compose(this,from);
}
var obj = { name : 'Gaurav', temp :
{id : [10,20], city:
{street:'Brunswick'}} }
obj.assignOwnProVal('street','temp.city.street');
obj.assignOwnProVal('myid','temp.id.1');
get属性工作得很好，你也可以对只运行一次的“昂贵”函数使用绑定闭包(这只适用于var，而不适用于const或let)
var info = { address: (function() { return databaseLookup(this.id) }).bind(info)(), get fullName() { console.log('computing fullName...') return `${this.first} ${this.last}` }, id: '555-22-9999', first: 'First', last: 'Last', } function databaseLookup() { console.log('fetching address from remote server (runs once)...') return Promise.resolve(`22 Main St, City, Country`) } // test (async () => { console.log(info.fullName) console.log(info.fullName) console.log(await info.address) console.log(await info.address) console.log(await info.address) console.log(await info.address) })()
加上一个选项，因为我没有看到这种情况。如果您不希望在a或b更新时更新c，那么ES6 IIFE可以很好地工作。
var foo = ((a,b) => ({
a,
b,
c: a + b
}))(a,b);
对于我的需要，我有一个对象，涉及到一个数组，最终将在循环中使用，所以我只想计算一些常见的设置一次，所以这是我有:
let processingState = ((indexOfSelectedTier) => ({
selectedTier,
indexOfSelectedTier,
hasUpperTierSelection: tiers.slice(0,indexOfSelectedTier)
.some(t => pendingSelectedFiltersState[t.name]),
}))(tiers.indexOf(selectedTier));
因为我需要为indexOfSelectedTier设置一个属性，我需要在设置hasUpperTierSelection属性时使用该值，我首先计算该值，并将其作为参数传递给IIFE
