console.dir()和dir()

最新推荐文章于 2025-02-10 09:13:19 发布
最新推荐文章于 2025-02-10 09:13:19 发布
阅读量398 收藏
点赞数
文章标签： javascript chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/laodengjuntuan/article/details/107832658
版权
本文深入解析了Console API中的dir()方法，该方法用于在控制台中以交互方式展示指定JavaScript对象的所有属性。通过使用dir(),开发者可以清晰地查看对象属性，便于理解和调试。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

来自MDN的定义

The Console method dir() displays an interactive list of the properties of the specified JavaScript object. The output is presented as a hierarchical listing with disclosure triangles that let you see the contents of child objects.

In other words, console.dir() is the way to see all the properties of
a specified JavaScript object in console by which the developer can
easily get the properties of the object.

通过它，我们可以看到一个节点对象的全部属性。
在这里插入图片描述
其实dir()也一样
在这里插入图片描述
在别的文档中，我也有反复看到

dir(object) 显示所有指定对象的属性的对象样式列表。此方法等同于 Console API 的 console.dir() 方法。

dir(object) 将指定对象的所有属性显示为对象样式的列表。 此方法是Console API的console.dir()方法的别名。

不过
在这里插入图片描述
真是让人头大。。。

laodengjuntuan
关注
console.dir()和console.log()的区别
jieweiwujie的博客
04-07 1499
总结来说，`console.log()`更适合用于输出和查看数据的字符串表示，特别是对于DOM对象，它会以更易读的HTML格式显示。而`console.dir()`则更适合用于详细检查对象的所有属性和方法，尤其当需要深入了解对象的内部结构时。
JavaScript中的console.dir()函数介绍
10-25
主要介绍了JavaScript中的console.dir()函数介绍,console.dir主要用来dump某些对象的详细信息,需要的朋友可以参考下
JavaScript 中 console.dir 与 console.log 的深度解析
最新发布
exlink2012的专栏
02-10 273
在 JavaScript 开发中，控制台调试是每个开发者必备的技能。其中和这两个方法看似相似，实则有着重要的区别。本文将深入解析它们的差异，并通过实际案例演示不同场景下的最佳选择。更适合快速查看变量值，而在需要深入分析对象结构时表现更优。更精准地定位问题提升调试效率避免因显示方式导致的误解在不同环境下选择最佳调试方案建议在实际开发中根据具体需求灵活选择，必要时可以两者结合使用以获得更全面的信息。
console.dir()
pb_watercuizhen的博客
04-20 193
console.dir()可以显示一个对象所有的属性和方法。 console.dirxml()用来显示网页的某个节点（node）所包含的html/xml代码。   转载：https://my.oschina.net/u/1866821/blog/471802 ...
console.dir()的用法
Wancc123的博客
07-23 3892
console.log()方法可以打印输出结果 而console.dir()方法可以在控制台显示指定javascript对象的属性。打印出该对象的所有属性和属性值.
console.dir
supming1的专栏
08-26 477
js console.log一个json对象的时候，会看到嵌套对象只显示一个Object, 为了的到更详细的log信息，我们可以使用console.dir, 具体使用如下 console.dir(obj, {depth:null})
node.js中的console.dir方法使用说明
10-25
在Node.js环境中，console.dir() 是一个非常实用的方法，主要用来将任意对象以字符串的形式输出到控制台，这个方法常常用于调试目的，因为它可以让你深入查看对象的内部结构，特别是当你需要检查对象的原型链和属性...
am-simple-log:为学习目的而创建的console.log和console.dir的简单包装
05-17
一个简单的包装器，而不是console.dir()和console.log() 如何使用 运行npm install安装软件包，并使用以下示例进行使用。 import Log from 'am-simple-log' // set this universally var debug = true ; var ...
Javascript：用console的dir()函数---显示 JavaScript 对象的属性列表
听海边涛声
06-19 246
Javascript：用console的dir()函数---显示 JavaScript 对象的属性列表
console命令
蛋蛋的博客
11-08 1201
console命令详解在我们调试js代码的时候console绝对是一个非常方便快捷的方法：查看console所有方法：<script type="text/javascript"> console.dir(console); </script>运行结果：常用操作： 显示信息的命令 占位符 信息分组 查看对象的信息 显示某个节点的内容 判断变量是否是真 追踪函数的调用轨迹 计时功能 性能分析
一点关于console.dir的小问题
bruceVen的专栏
12-18 1225
function uploadSuccess(file,server_data, receivedResponse) { console.dir(server_data); console.dir(typeof server_data);        这是当时的代码，搞了得有五六个小时，快疯了。console.dir("我了个去！"),这行代码在谷歌，360都是没错的，但是在火狐下
console.log和console.dir
2301_76669854的博客
11-12 373
1.先定义一个变量body，使用dom来获取到html里面的body标签。，显示对象的所有属性和方法。也就是说dump某些对象的详细信息。3.使用console.dir来打印body。以获取body元素为例。
console.log() 与 console.dir() 的区别：
weixin_43856422的博客
02-06 502
其四、注意：该特性是非标准的，请尽量不要在生产环境中使用它!(还是使用 console.log() 比较好)其二、而具体是什么信息就以传递的实参为准，然后就是在控制台就能显示自己传递参数的结果；其三、该方法对于输出== DOM ==对象非常有用，因为会显示。其二、一般是：打印出该对象(object)的所有属性和属性值;对象的所有属性 (特别是：输出节点属性和属性值时最好用);
console.dir与console.log区别及用法
一萧烟雨任平生
11-12 592
如果你需要快速查看某个值或者简单的对象内容，使用 console.log。 如果你需要深入查看对象的内部结构和属性，使用 console.dir。
console.log()，console.dir()的区别
weixin_47745553的博客
12-11 291
console.dir():打印出一个对象的所有属性和方法，console.log()：只打印一个toString表示。它们都具有打印的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值