console.log()格式化字符串

`console.log()` 函数在浏览器控制台用于输出信息时，允许通过特定的语法格式化字符串输出，以便于调试和美化展示。主要有以下几种常见的格式化方式：

1. 字符串插值（template literals）：使用 `${}` 来插入表达式的值，如 `console.log(`Hello, ${name}!`)`。

2. 数组格式：如果你有一系列数据需要一起输出，可以用数组形式，然后用逗号分隔，`console.log(['Item 1', 'Item 2'])`。

3. 对象转换：复杂的数据结构，如对象，可以直接传入，它会被自动转化为 JSON 格式打印，`console.log({ name: 'John', age: 30 })`。

4. 转义字符：可以使用反斜杠 `\` 后接特殊字符，如 `\n` 表示换行，`\t` 表示制表符。

5. 占位符和颜色编码：一些库（如`console.table()`）支持自定义占位符，甚至改变输出的颜色，例如`console.log('%cHello World', 'color: green; font-weight: bold')`。

相关问题

function getPersonInfo(one,two,three){ console.log(one); console.log(two); console.log(three); } const person ='Lydia' const age=21; getPersonInfo `${person} is ${age} years old` 输出什么？为什么？原理是什么？

这段代码会输出以下内容：

[ 'Lydia is ', ' years old' ]
Lydia
21

这是因为模板字符串`${person} is ${age} years old`实际上是一个标记模板字面量，它由一个函数名和一个字符串参数组成，例如`getPersonInfo`${person} is ${age} years old``。当 JavaScript 解析到这个模板字面量时，它会自动将其转换为函数调用，即`getPersonInfo([ 'Lydia is ', ' years old' ], Lydia, 21)`。

在这个函数中，`one`、`two`、`three`分别对应模板字面量中的三个部分：`'Lydia is '`、`' years old'`和 `${age}`。因此，`console.log(one)`输出的是一个数组`['Lydia is ', '']`，`console.log(two)`输出的是`Lydia`，`console.log(three)`输出的是`21`。

这种用法可以让我们在模板字符串中自由地插入变量，同时也可以对这些变量进行处理和格式化。

console.log

console.log() 是 JavaScript 中用于输出调试信息的函数，可以将指定的信息输出到浏览器控制台或其他支持控制台输出的环境中。语法如下：

console.log(obj1 [, obj2, ..., objN]);

其中，obj1、obj2、...、objN 是要输出的信息，可以是任意类型的数据。当有多个参数时，会在输出的信息之间添加一个空格分隔。例如：

console.log('Hello,', 'world!');
// 输出：Hello, world!

console.log() 还支持使用格式化字符串输出信息，可以在字符串中使用 %s 占位符代表后续参数的值，例如：

console.log('My name is %s, I am %d years old.', 'Alice', 20);
// 输出：My name is Alice, I am 20 years old.

除了 console.log()，JavaScript 还提供了其他许多 console 对象的方法，如 console.error()、console.warn()、console.info()、console.debug() 等。这些方法的功能类似，但输出的信息级别不同，可以根据需要选择使用。