[英]Construct a Javascript object with a complex structure?
我有一个具有这种结构的对象,可以在代码周围实例化所有对象
costs: {
totalPerYear,
totalEver,
perMonth: {
items: {
depreciation,
insurance,
credit,
inspection,
roadTaxes,
fuel,
maintenance,
repairsImprovements,
parking,
tolls,
fines,
washing
},
standingCosts,
runningCosts,
total
},
perUnitDistance: {
runningCosts,
totalCosts
}
}
我一直在阅读有关构造函数和实例化的内容 。 为了简洁起见 ,有没有办法为此对象提供一个构造函数,其中所有变量都设置为undefined
,就像定义变量var x;
时发生的情况一样var x;
?
我有明显的解决方案
function Costs(){
this.totalPerYear = undefined;
this.totalEver = undefined;
this.perMonth = {
items: {
depreciation: undefined,
insurance: undefined,
credit: undefined,
inspection: undefined,
roadTaxes: undefined,
fuel: undefined,
maintenance: undefined,
repairsImprovements: undefined,
parking: undefined,
tolls: undefined,
fines: undefined,
washing: undefined
},
standingCosts: undefined,
runningCosts: undefined,
total: undefined
};
this.perUnitDistance = {
runningCosts: undefined,
totalCosts: undefined
};
};
var userCosts = new Costs();
您使用哪些技术来创建具有复杂结构的对象?
如果只需要一个对象,而不需要它具有特殊的原型,则返回对象而不是构造函数的函数非常简单:
function costs() {
return {
costs: {
totalPerYear: undefined,
totalEver: undefined,
perMonth: {
items: {
depreciation: undefined,
insurance: undefined,
credit: undefined,
inspection: undefined,
roadTaxes: undefined,
fuel: undefined,
maintenance: undefined,
repairsImprovements: undefined,
parking: undefined,
tolls: undefined,
fines: undefined,
washing: undefined
},
standingCosts: undefined,
runningCosts: undefined,
total: undefined
},
perUnitDistance: {
runningCosts: undefined,
totalCosts: undefined
}
}
};
}
例:
function costs() { return { costs: { totalPerYear: undefined, totalEver: undefined, perMonth: { items: { depreciation: undefined, insurance: undefined, credit: undefined, inspection: undefined, roadTaxes: undefined, fuel: undefined, maintenance: undefined, repairsImprovements: undefined, parking: undefined, tolls: undefined, fines: undefined, washing: undefined }, standingCosts: undefined, runningCosts: undefined, total: undefined }, perUnitDistance: { runningCosts: undefined, totalCosts: undefined } } }; } console.log(costs());
.as-console-wrapper { max-height: 100% !important; }
当然,没有什么可以阻止您在costs
范围内给自己起一个简短的名字:
function costs() {
const u = undefined;
return {
costs: {
totalPerYear: u,
totalEver: u,
perMonth: {
items: {
depreciation: u,
insurance: u,
credit: u,
inspection: u,
roadTaxes: u,
fuel: u,
maintenance: u,
repairsImprovements: u,
parking: u,
tolls: u,
fines: u,
washing: u
},
standingCosts: u,
runningCosts: u,
total: u
},
perUnitDistance: {
runningCosts: u,
totalCosts: u
}
}
};
}
例:
function costs() { const u = undefined; return { costs: { totalPerYear: u, totalEver: u, perMonth: { items: { depreciation: u, insurance: u, credit: u, inspection: u, roadTaxes: u, fuel: u, maintenance: u, repairsImprovements: u, parking: u, tolls: u, fines: u, washing: u }, standingCosts: u, runningCosts: u, total: u }, perUnitDistance: { runningCosts: u, totalCosts: u } } }; } console.log(costs());
.as-console-wrapper { max-height: 100% !important; }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.