javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > console.log()与console.dir()的区别

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

总结

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

您可能感兴趣的文章:
阅读全文