因此,我在研究代理对象,并尝试查看它们与扩展语法和解构结构如何结合时,我对这种奇怪的行为感到固执:
const obj = {
origAttr: 'hi'
}
const handler = {
get(target, prop) {
console.log(prop);
return 1;
},
has(target, prop) {
return true;
},
ownKeys(target) {
return [...Reflect.ownKeys(target), 'a', 'b'];
},
getOwnPropertyDescriptor(target, key) {
return {
enumerable: true,
configurable: true
};
}
}
const test = new Proxy(obj, handler);
const testSpread = { ...test};
console.log('Iterate test');
// Works OK, output as expected
for (const i in test) {
console.log(i, ' -> ', test[i]);
}
console.log('Iterate testSpread');
// Also works OK, output as expected
for (const i in testSpread) {
console.log(i, ' -> ', testSpread[i]);
}
console.log('Here comes the unexpected output from console.log:');
console.log(test); // All attributes are 'undefined'
console.log(testSpread); // This is OK for some wierd reason
上面的脚本输出(在 Node v10.15.1上):
这是控制台日志的意外输出:
Symbol(nodejs.util.inspect.custom)
Symbol(Symbol.toStringTag)
Symbol(Symbol.iterator)
{ origAttr: undefined, a: undefined, b: undefined }
{ origAttr: 1, a: 1, b: 1 }
为什么console.log(test);输出表明对象的属性都是未定义的?如果在调试某些东西时发生,这可能会引起一些严重的头痛。
这是 Node 本身还是console.log实现中的错误?
最佳答案
好的,我做了一些进一步的挖掘,并将整个过程追溯到在代理对象上调用Object.getOwnPropertyDescriptor以获取其属性的值。
但是在我的情况下,“value”属性显然是不确定的,因为我有一个getOwnPropertyDescriptor陷阱,该陷阱仅指定可枚举和可配置的属性(因此可以迭代数组,将其与散布运算符一起使用,等等)。由于没有标准方法可以从getOwnPropertyDescriptor陷阱中调用get陷阱,因此IMHO无法真正解决。有趣的是被证明是错误的:)
好吧,正如Bergi在评论中指出的那样,这是一种标准方法。
同样在文档https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy/handler/getOwnPropertyDescriptor#Parameters中“此绑定(bind)到处理程序”
编辑我的代码以反射(reflect)这一点。
演示getOwnPropertyDescriptor行为的代码如下:
const obj = {
origAttr: 'hi'
}
const handler = {
get(target, prop) {
return 1;
},
has(target, prop) {
return true;
},
ownKeys(target) {
return [...Reflect.ownKeys(target), 'a', 'b'];
},
getOwnPropertyDescriptor(target, key) {
return {
value: this.get(target, key),
enumerable: true,
configurable: true
};
}
}
const test = new Proxy(obj, handler);
const testSpread = { ...test
};
// Defined, due to trapped getOwnPropertyDescriptor which returns a value attribute
console.log(Object.getOwnPropertyDescriptor(test, 'origAttr'))
// Defined, because it is a regular object, not a proxy with a getOwnPropertyDescriptor trap
console.log(Object.getOwnPropertyDescriptor(testSpread, 'origAttr'))
关于javascript - Javascript代理和传播语法,与console.log结合使用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55106122/