在浏览器控制台中输出js对象,为什么颜色不同,有深有浅

打开console,输入自定义的javascript对象的时候,打开看发现对象的属性是深紫色,后面有一些对象是浅紫色的,比如Array对象和一堆SVG,HTML,CSS开头的对象,常用的prototype和__proto__也是浅紫色的。

请问这里深紫和浅紫的有什么区别呢?

如图所示,obj对象深颜色属性表示可枚举属性,obj对象浅颜色属性表示不可以枚举。

可枚举属性:可以通过for...in...遍历的属性,自己给对象添加的属性可以遍历,而原型上的属性一般不可以遍历。

不可枚举属性:不能通过for...in...遍历的属性。

如何判断一个属性是否为可枚举属性?

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

相关推荐
Dignity_呱1 分钟前
一文彻底了解浏览器垃圾回收机制
前端·javascript·面试
鹏多多9 分钟前
vue计算属性computed的详解
前端·javascript·vue.js
月下点灯15 分钟前
uniapp仿抖音评论区popup对话框实现(多端兼容)
前端·javascript·vue.js
only-lucky15 分钟前
C++中的 Eigen库使用
开发语言·c++
江城开朗的豌豆25 分钟前
React的渲染时机:聊透虚拟DOM的更新机制
前端·javascript·react.js
bianshaopeng26 分钟前
ubuntu go 环境变量配置
开发语言·ubuntu·golang
元清加油37 分钟前
【Goland】:协程和通道
服务器·开发语言·后端·网络协议·golang
广州智造1 小时前
EPLAN教程:流体工程
开发语言·人工智能·python·算法·软件工程·软件构建
掘金安东尼1 小时前
使用 Web Components 与 CSS Modules 构建原生应用架构
javascript·后端·面试
wjm0410061 小时前
ios八股文 -- Objective-c
开发语言·ios·objective-c