console.log()与console.dir()的区别及说明
作者：狮子座的男孩
这篇文章主要介绍了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']，这是什么意思？
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。