console.log逗号传参为何优于字符串拼接 二者输出差异原因

两种写法输出结果完全不同，核心是JS执行逻辑和控制台打印逻辑的双重差异：

• 对console.log("x:" + x)的写法：
  语句里的+是字符串拼接运算符，代码执行到这一步时，JS引擎会先把+两侧的值强制转换为原始字符串类型，再拼接成一个完整的字符串传给console.log。
  强制类型转换过程中，非原始类型的值会调用自身的toString()方法做转换：
  • 你传入的分类数组属于Array类型，toString()会遍历所有元素，把每个元素转成字符串后用逗号拼接
  • 数组里的每个分类对象属于Object类型，默认toString()返回值固定为[object Object]
    最后传给控制台的就是一整段纯文本，控制台只会原样输出这段文本，不会做结构化解析，就出现了你看到的一堆[object Object]的无意义输出。
• 对console.log("x:", x)的写法：
  这种写法是给console.log传入了两个互相独立的参数，JS不会提前做跨参数的类型转换，控制台会接收到原始类型的标签字符串，以及保留了完整结构的数组/对象引用。
  控制台拿到引用类型值后，会做结构化的格式化输出：对于数组会标注长度、展示元素预览，对于对象会支持点击展开查看内部属性（比如你存的categoryId、name字段都可以点开直接看值），不会丢失类型和结构信息，调试时可读性远高于字符串拼接写法。

额外补充下多参数写法的其他优势：

• 多参数传值不会出现类型歧义：比如打印null、undefined、数字、布尔值时，不会因为字符串拼接把原始值转成无类型的文本，能直观看到值的真实类型
• 多变量调试更方便：需要同时打印多个变量时，直接按顺序传入即可，比如console.log("form data:", name, categoryId, submitStatus)，不需要手动写拼接符号

内容的提问来源于stack exchange，提问作者Léa