console.log输出结果差异：两次调用为何不同？

console.log输出差异的深入解析

本文分析一段代码中console.log函数输出结果的差异，并解释其根本原因。代码片段涉及URL参数解析和console.log的不同调用方式，导致输出结果存在细微差别。

代码首先定义getUrlParams函数，用于解析URL参数，返回一个包含所有参数的对象。随后，代码调用getUrlParams解析示例URL，提取redirectKey参数的值。

关键在于console.log的两次不同调用：

第一次调用：console.log(2, redirectKey); 输出结果为 2 ‘bankListn’。

第二次调用：console.log(redirectKey); 输出结果为 bankList。

差异的根源在于redirectKey的值包含一个换行符n。

第一次调用中，使用多个参数，console.log将每个参数作为字符串输出，并用空格分隔。因此，n被正确显示为转义字符n，而非实际换行。

第二次调用中，console.log只接受一个参数，它尝试直接输出redirectKey的字符串值。浏览器将n解释为换行符，导致n本身未显示，而是产生了实际的换行。 因此，第二次输出看起来少了n，但n仍然存在于redirectKey变量中，只是浏览器在不同输出方式下的处理不同。

仔细观察，第一次输出的字符串用单引号括起来，包含n；而第二次输出由于浏览器解释了n，所以n未显示，但换行效果存在。 表面上n消失了，但实际上它仍然存在于变量中，浏览器对它的处理方式取决于console.log的调用方式。