使用 console.log()

介紹

所有現代 Web 瀏覽器，NodeJ 以及幾乎所有其他 JavaScript 環境都支援使用一套日誌記錄方法將訊息寫入控制檯。這些方法中最常見的是 console.log()。

在瀏覽器環境中，console.log() 功能主要用於除錯目的。

入門

在瀏覽器中開啟 JavaScript 控制檯，鍵入以下內容，然後按 Enter ：

console.log("Hello, World!");

這會將以下內容記錄到控制檯：

在上面的示例中，console.log() 函式將 Hello, World! 列印到控制檯並返回 undefined（如上所示在控制檯輸出視窗中）。這是因為 console.log() 沒有明確的返回值。

記錄變數

console.log() 可用於記錄任何型別的變數; 不僅是字串。只需傳入要在控制檯中顯示的變數，例如：

var foo = "bar";
console.log(foo);

這會將以下內容記錄到控制檯：

如果要記錄兩個或更多值，只需用逗號分隔即可。在連線期間，每個引數之間將自動新增空格：

var thisVar = 'first value';
var thatVar = 'second value';
console.log("thisVar:", thisVar, "and thatVar:", thatVar);

這會將以下內容記錄到控制檯：

佔位符

你可以將 console.log() 與佔位符結合使用：

var greet = "Hello", who = "World";
console.log("%s, %s!", greet, who);

這會將以下內容記錄到控制檯：

記錄物件

下面我們看到記錄物件的結果。這對於從 API 呼叫記錄 JSON 響應通常很有用。

console.log({
    'Email': '', 
    'Groups': {},
    'Id': 33,
    'IsHiddenInUI': false,
    'IsSiteAdmin': false,
    'LoginName': 'i:0#.w|virtualdomain\\user2',
    'PrincipalType': 1,
    'Title': 'user2'
});

這會將以下內容記錄到控制檯：

記錄 HTML 元素

你可以記錄 DOM 中存在的任何元素。在這種情況下，我們記錄 body 元素：

console.log(document.body);

這會將以下內容記錄到控制檯：

結束註釋

有關控制檯功能的更多資訊，請參閱控制檯主題。