JavaScript 中 console.log() 使用逗号和加号的区别

JavaScript 中 console.log() 使用逗号和加号的区别

1、多参数传递使用逗号 ,

（1）基本介绍

console.log(【参数 1】, 【参数 2】, ...);

1. 同时输出多个参数，用空格分隔

2. 保留原始数据类型，对象、数组等不会被强制转换成字符串

3. 适用于调试复杂数据，例如，对象、数组登，因为可以展开查看结构

（2）演示

console.log("Hello", "World", 123, { name: "Alice" }, [1, 2, 3]);

# 输出结果Hello World 123 {name: 'Alice'} (3) [1, 2, 3]

• 对象 { name: "Alice" } 仍然是一个对象，可以在控制台展开查看属性

2、字符串拼接使用加号 +

（1）基本介绍

console.log(【参数 1】 + 【参数 2】 + ...);

1. 所有内容会被强制转换成字符串，然后拼接成一个字符串输出

2. 对象会变成 [object Object]，数组会变成逗号分隔的字符串

3. 适用于生成单一字符串，但会丢失原始数据结构

（2）演示

console.log("Hello" + "World" + 123 + { name: "Alice" } + [1, 2, 3]);

# 输出结果HelloWorld123[object Object]1,2,3

• 对象 { name: "Alice" } 被强制转换成 [object Object]，无法查看内部结构