为什么chrome控制台中window对象有些属性显示成浅紫色，有些是深紫色的

发布于
2019-01-15

更新于
2019-01-15

打开console，输入window，打开看发现前面的属性是深紫色的比如常用的document,location，后面有一些对象是浅紫色的，比如Array对象和一堆SVG,HTML,CSS开头的对象，常用的prototype和__proto__也是浅紫色的。

请问这里深紫和浅紫的区别是什么呢，隐藏属性？
我自己尝试构造了一些对象，并不能达到这种效果。

我在StackOverflow上找到一个回答，说是浅紫色的是由于enumerable的区别
https://stackoverflow.com/que...

但是window.chrome的webstore属性是浅紫的，但是

>>>window.chrome.propertyIsEnumerable('webstore')
true

html javascript

阅读 5.7k

3 个回答

得票最新

宋逸钒

3538

发布于
2019-01-15

解决了，淡灰色有两种可能，还有一种原因是invoke property getter

Jing哥哥

发布于
2020-03-26

更新于
2020-03-26

新手上路，请多包涵

如图所示，obj对象深颜色属性表示可枚举属性，obj对象浅颜色属性表示不可以枚举。
可枚举属性：可以通过for...in...遍历的属性，自己给对象添加的属性可以遍历，而原型上的属性一般不可以遍历。
不可枚举属性：不能通过for...in...遍历的属性。
如何判断一个属性是否为可枚举属性？

如图所示，返回的是true表示这个属性是可枚举的，false表示不可以枚举。