1
我想获取嵌套对象中值的路径。但是我的实验并没有按照我的预期工作。 scope
应该返回从嵌套对象暴露的值的路径(键数组),但我不知道如何实现这一点。获取嵌套对象中访问值的路径
它应该像返回访问路径的观察者一样工作。
下面是我的实现。
function wrap(o, fn, scope = []) {
const handler = {
set(target, prop, value, receiver) {
fn('set value in scope: ', scope.concat(prop))
target[prop] = value
return true
},
get(target, prop, receiver) {
fn('get value in scope: ', scope.concat(prop))
return o[prop]
},
ownKeys() {
fn('keys in scope: ', scope)
return Reflect.ownKeys(o)
}
}
return new Proxy(
Object.keys(o).reduce((result, key) => {
if (isObject(result[key])) {
result[key] = wrap(o[key], fn, scope.concat(key))
} else {
result[key] = o[key]
}
return result
}, {}),
handler
)
}
function isObject(obj) {
return typeof obj === 'object' && !Array.isArray(obj)
}
const obj = wrap({
a0: {
a1: {
a2: 0
},
b1: {
b2: 0
}
},
b0: 0
}, console.log)
// set value:
obj.b0 = 1
// get value:
console.log('value: ' + obj.a0.a1.a2)
// list keys:
console.log('keys: ', Object.keys(obj.a0))
- 第一个日志应该返回
set value in scope: ['b0']
- 第二应该返回
get value in scope: ['a0', 'a1', 'a2']
和value: 0
- 最后一个应该返回
keys in scope: ['a0']
和obj.a0
感谢您的帮助!