递归Object.defineProperty() getter
递归Object.defineProperty() getter
提问于 2016-06-01 04:07:30
我试图递归地将类构造函数参数中的对象值赋值为类的属性。无法理解如何进行递归--大多数情况下获得“最大调用堆栈大小超过”和无穷大循环。下面是演示：
const Locale = function(rules) {
for (let prop in rules) {
Object.defineProperty(this, prop, {
get: function () {
console.log('getter for "%s" called', prop)
return rules[prop];
}
});
}
}
const rules = {
a: {
b: {
c: 'value'
}
}
}
const locale = new Locale(rules);
console.log(locale.a.b.c);现在，我得到了以下控制台输出：
getter for "a" called
value如何为rules对象的每个级别分配一个getter？预期控制台输出：
getter for "a" called
getter for "b" called
getter for "c" called
value回答 2
Stack Overflow用户
回答已采纳
发布于 2016-06-01 04:41:29
您需要为每个嵌套级别的Locale对象创建一个rules对象：
const Locale = function(rules) {
for (let prop in rules) {
Object.defineProperty(this, prop, {
get: function () {
console.log('getter for "%s" called', prop);
// create new Locale if object, return value if not an object
if( rules[prop] !== null && typeof rules[prop] === 'object' )
return new Locale( rules[prop] );
else
return rules[prop];
}
});
}
}
const rules = {
a: {
b: {
c: 'value'
}
}
}
const locale = new Locale(rules);
console.log(locale.a.b.c);Stack Overflow用户
发布于 2020-05-26 15:15:31
如果您只想使用一个函数而不是一个类，您可以：
var locale = (rules) => {
if (rules !== null && typeof rules !== 'object') return rules
return Object.defineProperties({}, Object.keys(rules).reduce((acc, key) => ({
...acc,
[key]: {
get: () => {
console.log('getter for "%s" called', key)
return locale(rules[key])
}
}
}), {}))
}
var l = locale(rules)
console.log('locale', l)
console.log(l.a.b.c)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37568202
复制
相似问题
Javascript在Internet Explorer中的行为很有趣
包含xml/html数据的jquery在internet explorer中的行为有所不同。
Div标记在Internet Explorer上的行为有所不同
javascript在internet explorer中的调试
Internet Explorer中的jScrollPane奇怪行为
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
