console.log()与console.dir()的区别及说明
更新时间：2024年01月22日 09:36:53 作者：狮子座的男孩
这篇文章主要介绍了console.log()与console.dir()的区别及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
console.log()与console.dir()的区别
1、console.log()
其一、主要表示：向 Web 控制台输出一条消息;
其二、而具体是什么信息就以传递的实参为准，然后就是在控制台就能显示自己传递参数的结果；
2、console.dir(object)
其一、主要表示：在控制台中显示指定 JavaScript 对象的属性，并通过类似文件树样式的交互列表显示;
其二、一般是：打印出该对象(object)的所有属性和属性值;
其三、该方法对于输出 DOM 对象非常有用，因为会显示 DOM 对象的所有属性 (特别是：输出节点属性和属性值时最好用);
其四、注意：该特性是非标准的，请尽量不要在生产环境中使用它!(还是使用 console.log() 比较好)
console.log与console.dir发现的问题
如下代码：
<body>
<h1 class="text-center"></h1>
<div class='wrap'>
</div>
<script type="text/javascript">
var arr = ['a', 'b'];
console.log(arr);
function a() {
arr[0] = arr[1];
arr[1] = 'c';
}
;
$(document).ready(function () {
a();
console.dir(arr);
});
</script>
</body>注意第一行，看到的是['a', 'b']；这是符合预期的。
但是等一等，点看三角看一下，怎么变成了['b','c']，这是什么意思？
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
想象一个场景，就是如何根据一张图片大概提取出它的主色调呢？获取主色调后，可能会用来设置某些背景颜色，这里，利用 JS 简单获取本地图片主色调，希望对大家有所帮助2023-03-03
javascript版的in_array函数（判断数组中是否存在特定值）
这篇文章主要介绍了javascript版的in_array函数（判断数组中是否存在特定值）,需要的朋友可以参考下2014-05-05
检测窗口是否关闭，在当前窗口关闭前使用js做到这一点，下面是具体的实现，感兴趣的朋友可以参考下2014-09-09
在javascript的使用过程中，constructor 和prototype这两个概念是相当重要的，深入的理解这两个概念对理解js的一些核心概念非常的重要2012-04-04
二叉搜索树则是二叉树的一种,但它只允许你在左侧节点储存比父节点小的值,右侧只允许储存比父节点大的值,这篇文章主要给大家介绍了关于JavaScript二叉搜索树算法的相关资料,需要的朋友可以参考下2021-09-09
今天小编就为大家分享一篇laydate只显示时分 不显示秒的功能实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
由于刚毕业的穷大学生，和朋友合租了一台服务器开了多个端口提供 ss 服务，懒得配置 ss-panel，就使用了 ss-bash 来监控不同端口的流量，但每次都要等上服务器才能看到流量使用情况，很麻烦，于是就写了个简单的页面来提供 WEB 访问，具体内容一起通过本文学习吧2017-03-03
这篇文章主要为大家介绍了JS中生成随机数的用法，为大家提供了相关函数的使用方法，感兴趣的朋友可以参考一下2016-01-01
这篇文章主要介绍了jQuery获取随机颜色的实例代码,非常不错，具有一定的参考借鉴价值，感兴趣的朋友跟随脚本之家小编来学习吧2018-05-05
这篇文章主要为大家详细介绍了JavaScript动态生成带删除行功能的表格，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
最新评论