JS的console中log和dir的区别

最新推荐文章于 2024-06-19 08:01:06 发布

原创最新推荐文章于 2024-06-19 08:01:06 发布 · 1w 阅读

CC 4.0 BY-SA版权

文章标签：

35 篇文章

订阅专栏

博客围绕前端JS测试中的打印输出语句展开，探讨两种语句在输出普通数据和对象时的区别。输出普通数据时二者无差异，打印对象时，一个输出对象源代码，另一个输出对象所有属性和方法，调试对象时后者是更好选择。

部署运行你感兴趣的模型镜像

在前端JS测试中，经常会用到console.log()这样的打印输出语句。有时候也会看到使用console.dir()，那么这两种输出有什么区别？

简单来说：

这样的区别在输出普通数据时没有区别，打印的内容完全一样，在打印对象时就有区别了。

var obj = {
    name: "JeremyJone",
    desc: "I love code."
};

console.log(obj);
console.dir(obj);

能够看到输出结果为：
file

function F1() {
    this.name = "test";
}

F1.prototype.sayHi = function () {
    console.log("Hello");
}

console.log(F1);
console.dir(F1);

输出的结果可以看到差别：
file

console.log()输出的是对象源代码，
console.dir()则输出该对象的内容，所有属性和方法。

在实际工作中，调试对象时使用console.dir()是一个更好的选择。

您可能感兴趣的与本文相关的镜像

Kotaemon

AI应用

Kotaemon 是由Cinnamon 开发的开源项目，是一个RAG UI页面,主要面向DocQA的终端用户和构建自己RAG pipeline

1 条评论