資料結構
網路
關係型資料庫管理系統
作業系統
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+ 閱讀量
廣告