console.log JavaScript [功能]

console.log()是JavaScript中最常用的调试函数之一。它可以在控制台输出信息，方便开发者进行调试和错误排查。本文将详细介绍console.log()的使用方法以及相关的高级技巧。

基本使用

console.log()最基本的用法是输出字符串、数字、布尔值等基本类型数据。示例如下：

console.log("Hello, world!"); // 输出字符串
console.log(42); // 输出数字
console.log(true); // 输出布尔值

我们也可以在一个console.log()语句中输出多个值，并用逗号隔开：

console.log("The answer is", 42);

输出对象

console.log()也可以输出对象。当我们向console.log()传递一个对象时，它会自动将其转换为字符串并输出。示例如下：

const obj = {name: "Alice", age: 25};
console.log(obj);

输出结果如下：

{name: "Alice", age: 25}

如果需要更加详细的输出，可以使用console.dir()函数：

console.dir(obj);

格式化输出

console.log()还支持格式化输出。其中最常用的是占位符%s，它会被后面的字符串替换。示例如下：

const name = "Alice";
console.log("Hello, %s!", name);

输出结果如下：

Hello, Alice!

除了%s，还支持以下占位符：

示例代码如下：

console.log("My age is %d", 25);
console.log("The value of pi is %f", Math.PI);
console.log("%cThis text is styled with CSS", "color: red; background-color: yellow;");

高级技巧

条件输出

console.log()可以根据条件输出不同的信息。例如，我们可以在开发环境中输出调试信息，在生产环境中关闭输出。示例如下：

if (process.env.NODE_ENV === "development") {
  console.log("Debug information");
}

计时器

console.time()和console.timeEnd()函数可以用来计算代码执行时间。示例如下：

console.time("timer");
// 执行一些操作
console.timeEnd("timer");

跟踪函数调用

console.trace()函数可以用来跟踪函数调用堆栈，方便定位错误。示例如下：

function foo() {
  function bar() {
    console.trace();
  }
  bar();
}

foo();

输出结果如下：

bar @ VM916:3
foo @ VM916:6
(anonymous) @ VM916:9

总结

console.log()是JavaScript中最常用的调试函数之一。本文介绍了console.log()的基本用法、对象输出、格式化输出以及高级技巧，希望能够对开发者进行指导和帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12775