javascript 中 console.dir 和 console.log 有什么区别?
javascriptweb developmentfront end technology更新于 2024/5/17 12:18:00
在 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);
