数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究JavaScript 中 console.dir 和 console.log 的区别是什么？
在 JavaScript 中，dir() 和 log() 是 console 对象的方法。Console 对象提供对浏览器调试控制台的访问。
console.dir() 方法
console.dir() 方法将指定对象的属性列表输出到控制台，供用户查看。它将对象识别为一个对象并输出其属性。console.dir 显示 DOM 元素的所有属性，并且只能显示一个对象。
语法
以下是 console.dir 方法的语法。
console.dir(object)
示例
以下是 JavaScript 中 console.dir() 方法的一个示例：
console.dir(673563); console.dir("Welcome to Tutorialspoint"); console.dir(76325 * 476);
console.log() 方法
console.log() 方法将对象的 toString 表示形式打印到控制台，供用户查看。它以其字符串表示形式返回对象 log()。
语法
以下语法适用于 console.log 方法。
console.log(value);
console.log("string", value);
示例
以下是 JavaScript 中 console.log() 方法的一个示例：
console.log(123); console.log("Hello Friends"); console.log(10 + 20);
在上面的示例中，console.log 显示的输出与我们在本节开始时讨论的一致。但是这里 10+20 的输出是 30。在该行的调试过程中，它自动对整数进行了求和，并显示了这些整数的相应和。
console.dir() 和 console.dir() 的区别
这两种方法的主要区别在于，console.log() 方法显示传递给它的任何对象的“toString”表示形式。
而 console.dir() 方法则显示指定 JavaScript 对象的属性的交互式列表。输出以分层列表的形式呈现，带有展开三角形，可让您查看子对象的内容。
示例 1
以下示例演示了 JavaScript 中 console.log() 和 console.dir() 方法的用法：
let array=[9,6,4,2,5]; console.log("Result of console.log: ", array) console.log("Result of console.dir: ", array)
在此示例中，数组的 console.log 和 console.dir 输出类似。这两种方法都显示了数组中对象的数量以及数组元素。
示例 2
以下是另一个示例：
var s = "Tutorials Point" var employee = { name: "Ganesh", role: "Manager", salary: "5000" }; var a = [10, 20, 30]; console.log(s); console.dir(s); console.dir(employee); console.log("employee with console.log = ", employee); console.dir(a); console.log("a with console.log = ", a); console.dir("a with console.dir = ", a);
更新于: 2022-09-02
4K+ 阅读量
广告