脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → console.log()与console.dir()的区别

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']，这是什么意思？

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

最新评论