使用 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);

这会将以下内容记录到控制台：

结束注释

有关控制台功能的更多信息，请参阅控制台主题。