同样的变量，不同的打印方式，结果大不同？console.log输出结果深度解析！

本文深入探讨了JavaScript中`console.log`函数输出结果的差异性，特别是当其处理单参数和多参数时。通过分析一段包含URL参数解析的代码，揭示了`console.log(2, redirectKey)`与`console.log(redirectKey)`输出结果中，`\n`换行符显示方式的不同。前者将`\n`用单引号包裹显示，而后者则直接解释为换行符，导致输出结果看似不同。文章详细解释了这种差异的根本原因，帮助开发者更好地理解`console.log`的内部机制及避免调试中的误解。

console.log输出差异详解

本文分析一段代码中console.log函数输出结果不同的原因。代码片段涉及URL参数解析和console.log的用法，其输出结果存在细微但重要的差异。

代码中，getUrlParams函数解析URL参数，并将redirectKey参数值赋给变量redirectKey。随后，代码分别使用console.log(2, redirectKey)和console.log(redirectKey)打印redirectKey的值。

第一种方式console.log(2, redirectKey)输出为2 'bankList\n'，第二种方式console.log(redirectKey)输出为bankList。区别在于第一种输出包含单引号包裹的字符串，其中包含\n换行符；第二种输出则无换行符。

这种差异源于console.log处理多个参数的方式。当console.log接收多个参数时，它将参数转换为字符串后连接输出。在第一种情况下，redirectKey的值包含\n，该换行符被保留并用单引号包裹显示，清晰地展现了\n的存在。而在第二种情况下，虽然redirectKey仍包含\n，但console.log只接收一个参数，浏览器在渲染时直接将\n解释为换行，因此输出中看不到\n，只显示bankList。 \n并未消失，它仍然存在于redirectKey变量中，只是浏览器对单参数和多参数输出的处理方式不同导致显示结果差异。仔细观察第一种输出结果的单引号内容即可验证。

以上就是《同样的变量，不同的打印方式，结果大不同？console.log输出结果深度解析！》的详细内容，更多关于的资料请关注golang学习网公众号！