javascript - 在 Chrome 开发者工具控制台中使用 console.dir 时褪色属性的意义是什么

Question

在 chrome 的控制台中使用 console.dir() 时对象的属性稍微变暗是什么意思。

例如，查看此屏幕截图中的“top,width,worldVisible,x & y”。

我在这里查看了 API 引用 https://developer.chrome.com/devtools/docs/console-api#consoledirobject , 但没有运气。

谢谢

Answer 1

淡化属性更适合表示不可枚举的属性。如果我们这样做:

var a = {};
Object.defineProperties(a, {
    hello: { enumerable: false },
    world: { enumerable: true }
});
console.dir(a);

然后我们看到 hello 褪色了，而 world 没有。

在您的代码中，如果您执行 for(prop in obj) { console.log(prop); }(其中 obj 是您在控制台屏幕截图中向我们展示的任何对象)，您会看到只有褪色的属性未被枚举。

您还可以使用 Object.getOwnPropertyDescriptor(obj, "worldVisible") 进行检查，它应该返回一个具有 enumerable: false 属性的对象。

请注意，属性名称上的斜体 表示属性值是由getter 函数定义的。 (这也会导致该值在函数运行之前显示 (...) 值。)这是一个与可枚举性完全不同的问题，可枚举性会导致名称褪色。您可以使用斜体 getter 定义的属性，这些属性不是褪色的不可枚举属性，反之亦然。