为什么Chrome控制台直接输入`\n`显示为字符串，console.log输出却正常换行？

两种操作本质对应控制台两种完全不同的输出逻辑，具体差异如下：

• 直接输入"1\n2"回车：输出的是表达式求值结果的序列化展示内容
• 输入console.log('1\n2')回车：输出的是日志接口的原始文本渲染内容

1. 字符串字面量直接输出的逻辑 #

Chrome DevTools 控制台在返回表达式求值结果时，核心目标是让开发者清晰识别字符串的所有组成字符，因此会默认对返回值做转义序列化处理：

• 字符串内的换行符\n、制表符\t等不可见控制字符，会被转换为可直接显示的转义序列字面量
• 该设计可以避免不可见字符干扰开发者对字符串内容的判断，你可以第一时间感知到特殊字符的存在

例如如果你拿到的未知字符串里包含隐藏的换行符，直接序列化显示\n可以帮你快速定位问题，不需要额外做编码检测。

2. console.log 输出的逻辑 #

console.log作为专门的日志输出接口，核心目标是还原文本的实际排版效果，因此会按字符串的原始语义渲染内容：

• 所有控制字符会触发对应的排版效果：\n执行换行、\t插入缩进等
• 该逻辑符合日志的使用场景：开发者打印内容时需要看到最终的文本排版效果，而非字符的底层编码信息

验证方式 #

你可以在控制台执行以下代码，确认两种展示对应的底层字符串完全一致：

const testStr = "1\n2";
// 查看序列化展示结果
testStr;
// 查看日志渲染结果
console.log(testStr);
// 输出长度为3，对应'1'、'\n'、'2'三个字符，证明字符串本身没有差异
testStr.length;

内容的提问来源于stack exchange，提问作者michael