console.log() 和console.dir()区别

最新推荐文章于 2024-11-12 17:57:17 发布
转载 最新推荐文章于 2024-11-12 17:57:17 发布 · 7.3k 阅读 · 29
标签
#console.log #console.dir
本文介绍了JavaScript中两种常用的调试工具：console.log()用于在浏览器控制台输出信息，方便跟踪程序执行过程；console.dir()则能详细展示对象的所有属性及方法，便于深入理解对象结构。

console.log()可以取代alert()或document.write()，在网页脚本中使用console.log()时，会在浏览器控制台打印出信息。

console.dir()可以显示一个对象所有的属性和方法。

console.log()，console.dir()的区别
weixin_47745553的博客
12-11 344
console.dir():打印出一个对象的所有属性和方法，console.log()：只打印一个toString表示。它们都具有打印的功能。
console.log() 与 console.dir() 的区别：
狮子座的男孩
04-29 6920
1、console.log() : 其一、主要表示：向 Web 控制台输出一条消息; 其二、而具体是什么信息就以传递的实参为准，然后就是在控制台就能显示自己传递参数的结果； 2、console.dir(object): 其一、主要表示：在控制台中显示指定 JavaScript 对象的属性，并通过类似文件树样式的交互列表显示; 其二、一般是：打印出该对象(object)的所有属性和属性值; 其三、该方法对于输出 DOM 对象非常有用，因为会显示 DOM 对象的所有属性 (特别是：输出节点属性和属性值时最好用)
JavaScript中console.log()和console.dir()的区别
weixin_55355282的博客
07-10 491
在学习JavaScript产生的一点点小问题，记录一下对象的浏览器实现，包含在浏览器自带的开发工具之中。方法用于在console窗口输出信息。它可以接受多个参数，将它们的结果连接起来输出。 方法会自动在每次输出的结尾，添加换行符。 console.dir()可以显示一个对象所有的属性和方法。...
console.log 和 console.dir的区别
weixin_44090040的博客
07-08 9713
console.log() 方法 用于在 console 窗口中输入信息。在调试时，可以替代 alert() 或 document.write() 输入需要输出的内容 console.dir() 方法 用来对一个对象进行检查(inspect)，并以易于阅读和打印的格式显示。该方法对于输入 DOM 对象非常有用，因为 dir 方法会显示DOM对象的所有属性 打开控制台，在 Console 中分别输入 console.log(Promise) 和 console.dir(Promise) 可以看到一个输出的.
console.dir()的用法
Wancc123的博客
07-23 4014
console.log()方法可以打印输出结果 而console.dir()方法可以在控制台显示指定javascript对象的属性。打印出该对象的所有属性和属性值.
console.dir()和console.log()的区别
jieweiwujie的博客
04-07 1873
总结来说，`console.log()`更适合用于输出和查看数据的字符串表示，特别是对于DOM对象，它会以更易读的HTML格式显示。而`console.dir()`则更适合用于详细检查对象的所有属性和方法，尤其当需要深入了解对象的内部结构时。
console.log()和console.dir()的区别
路虽远，行则必至！
11-10 3423
前言：本博文主要讲解console.log()和console.dir()的区别。更多关于console的详细方法请查看： https://segmentfault.com/a/1190000004528137 文章目录一、案例二、运行效果图三、总结 一、案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont
js中console.log()和console.dir()的区别
yiyueqinghui的博客
04-11 440
console.log() 输出的是对象的内容 console.dir() 输出该对象的内容，所有属性和方法。 例如： 打印一个dom对象 打印一个js已定义的方法 打印一个自定义的对象 ...
控制台打印vue实例
qq_41999592的博客
04-07 9561
前言：Vue项目运行后会把各个组件的数据挂载到对应的dom上 根组件(#app)上获取实例 首先app.vue会挂载到 id 为 “app” 的 div 上边 打印这个div console.dir(document.querySelector('#app')) 查看控制台，发现存在一个键："__vue__" 其实app.vue对应的实例就是这个__vue__对象 打印这个对象 console.dir(document.querySelector('#app'..
console.dir和console.log有什么区别？
w36680130的博客
06-10 679
In Chrome the console object defines two methods that seem to do the same thing: 在Chrome中， console对
TypeScript 二
zhanglinlang的专栏
01-23 542
test.d.ts //只能用于类型定义，如果编写可执行代码就会报错。test.ts // 可以加入类型，也可以写可执行代码。2、在console.dir($0)cc.d.ts //类型文件。bb.ts //可运行文件。3、拉倒最底部，查看元素。
Vue2学习
weixin_46923014的博客
12-09 1892
一、Vue核心 1 vue概述 ①官网 英文官网: https://vuejs.org/ 中文官网: https://cn.vuejs.org/ ②vue的特点 遵循 MVVM 模式 编码简洁, 体积小, 运行效率高, 适合移动/PC 端开发 它本身只关注 UI, 也可以引入其它第三方库开发项目 ③快速入门 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l
console.dir与console.log区别及用法
最新发布
一萧烟雨任平生
11-12 1267
如果你需要快速查看某个值或者简单的对象内容，使用 console.log。 如果你需要深入查看对象的内部结构和属性，使用 console.dir。
JS的console中log和dir的区别
一只小鹰
06-20 1万+
原文出自 https://www.jeremyjone.com/392/， 转载请注明。 在前端JS测试中，经常会用到console.log()这样的打印输出语句。有时候也会看到使用console.dir()，那么这两种输出有什么区别？ 简单来说： log语句打印的是结果，直接显示信息； dir语句打印的是内容，对显示对象的所有属性和方法。 这样的区别在输出普通数据时没有区别，打印的内容完全一...
JavaScript中的console.dir()函数介绍
热门推荐
babybk的博客
04-29 1万+
这篇文章主要介绍了JavaScript中的console.dir()函数介绍,console.dir主要用来dump某些对象的详细信息,需要的朋友可以参考下在调试JavaScript程序时，有时需要dump某些对象的详细信息。通过手工编写JavaScript代码可以完成这一工作：针对对象的属性进行循环，将循环到的每一个属性值打印出来；可见，这一过程是比较繁琐的。在具备调试工具的浏览器上，这一工作可以
Firebug控制台详解(装)
btsk
03-27 746
Firebug是网页开发的利器，能够极大地提升工作效率。 但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。 =================================== Firebug控制台详解 作者：阮一峰 控制台（Console）是Firebug的第一个面板，也是最重要的面板，...
值得学习的javaScript调试技巧
广漂程序猿DevinRock
03-02 1141
他一顿断点+抓包+各种骚操作给我看楞了，我没忍住就让他手把手教我，他就和我在一个小屋子里xxxx了几个小时，他手法太快了俺看一遍就忘了，于是乎就靠回忆和资料查找整理了哈高频的js调试技巧，希望能帮助到各位。断点调试是本节最后一个内容了，它也是最核心的内容了，玩的6的是真的6，老大说我搞懂断点调试和对应的堆栈上下文就可以毕业了。逐步调试很明显就是字面意思，从当前断点位置开始一行一行的运行代码，稍微注意的是，遇到函数不进入函数的内部，而是直接执行完函数。根据调试发现，进入定时器的时候num还未更新，还是1。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值