HTML DOM console.log() 方法：了解如何使用控制台打印调试信息

什么是console.log() 方法？

console.log() 方法是一种在JavaScript中使用控制台打印调试信息的常用方式。该方法可以将变量、对象和字符串等输出到控制台，方便开发者调试代码。该方法的语法如下：

console.log(object1, object2, ..., objectN);

其中，object1, object2, ..., objectN是要输出的对象，可以是任意数量的参数。

如何使用console.log() 方法？

使用console.log() 方法非常简单。下面是一个使用console.log() 方法输出字符串和对象的例子：

var name = "John";
var age = 30;
var person = {name: "Tom", age: 25};

console.log("My name is " + name + " and my age is " + age);
console.log(person);

在上面的例子中，我们定义了一个字符串变量name和一个数值变量age，然后定义了一个包含name和age属性的person对象。最后，我们使用console.log() 方法输出了一个包含字符串和对象的调试信息。

console.log() 方法的常见用法

console.log() 方法可以用于调试JavaScript代码的各个方面。下面是一些console.log() 方法的常见用法：

输出变量的值

var x = 5;
console.log(x); // 输出5

输出对象的属性

var person = {name: "Tom", age: 25};
console.log(person.name); // 输出"Tom"

输出数组的元素

var arr = [1, 2, 3, 4];
console.log(arr[2]); // 输出3

输出函数的执行结果

function add(x, y) {
  return x + y;
}
console.log(add(2, 3)); // 输出5

输出调试信息

console.log("程序执行到此处");

console.log() 方法的高级用法

除了上述常见用法外，console.log() 方法还有一些高级用法。

使用占位符输出字符串

在console.log() 方法中，我们可以使用占位符来输出格式化的字符串。下面是一个使用占位符输出字符串的例子：

var name = "John";
var age = 30;
console.log("My name is %s and my age is %d", name, age);

在上面的例子中，我们使用%s和%d占位符分别代表字符串和数字类型。然后，在第二个参数中，我们依次传入name和age变量，console.log() 方法会自动将其替换为%s和%d占位符的值。

使用console.table() 方法输出表格

除了console.log() 方法外，我们还可以使用console.table() 方法输出表格。该方法可以将数组、对象和JSON数据输出为表格形式。下面是一个使用console.table() 方法输出数组的例子：

var arr = [
  {name: "John", age: 30},
  {name: "Tom", age: 25},
  {name: "Mary", age: 35}
];
console.table(arr);

在上面的例子中，我们定义了一个包含三个对象的数组arr。然后，我们使用console.table() 方法输出了一个包含三个对象的表格形式。

总结

console.log() 方法是一种在JavaScript中使用控制台打印调试信息的常用方式。该方法可以将变量、对象和字符串等输出到控制台，方便开发者调试代码。使用console.log() 方法非常简单，我们可以使用其输出变量的值、对象的属性、数组的元素、函数的执行结果和调试信息等。除了常见用法外，console.log() 方法还有一些高级用法，比如使用占位符输出字符串和使用console.table() 方法输出表格。