在前端开发中，我们常常需要输出信息来进行调试和排错。JavaScript 中最常用的输出方式就是 console.log() 方法和字符串拼接。这两种方式都能达到输出信息的目的，但它们有不同的使用场景和效果。
console.log(object)
console.log() 方法将一个或多个对象作为参数进行打印输出。它可以输出各种类型的数据，包括字符串、数字、布尔值、数组、对象等等。它还支持使用格式化字符串的方式输出信息，以便更好地展示数据。
const name = 'Alice';
const age = 25;
const person = {name, age};
console.log('Hello,', person); // 输出：Hello, {name: "Alice", age: 25}
console.log(`Name: ${person.name}, Age: ${person.age}`); // 输出：Name: Alice, Age: 25使用 console.log() 方法能够更加方便和直观地查看变量的值，并快速排查问题。同时，它也提供了很多高级的功能，例如使用不同的样式输出信息、记录运行时间等等。
字符串拼接
字符串拼接是指将多个字符串连接起来形成一个新的字符串。在 JavaScript 中，常用的字符串拼接方式有 + 运算符和模板字符串（template string）。
const name = 'Alice';
const age = 25;
console.log('Hello, ' + name + '! Your age is ' + age); // 输出：Hello, Alice! Your age is 25
console.log(`Hello, ${name}! Your age is ${age}`); // 输出：Hello, Alice! Your age is 25字符串拼接在输出信息时也能够达到相同的效果，而且它还可以使用模板字符串语法来更加灵活地组合文本和变量。但是，在大量输出信息时，字符串拼接会造成性能问题，因为每次拼接都会创建一个新的字符串对象。
总结
通过对比 console.log() 方法和字符串拼接，我们可以得出以下结论：
console.log()方法适用于调试和排错，能够方便地查看变量值，并提供了许多高级功能。- 字符串拼接适用于简单的输出场景，能够使用模板字符串更加灵活地组合文本和变量。
- 在大量输出信息时，推荐使用
console.log()方法，以避免因字符串拼接而造成的性能问题。
综上所述，我们需要根据具体情况选择不同的输出方式，以达到最佳的调试效果和性能表现。
示例代码
-- -------------------- ---- ------- ----- ---- - -------- ----- --- - --- ----- ------ - ------ ----- -- -- ------------- ------ --------------------- -------- ------------------ --------------- ---- ---------------- -- ----------- ------------------- - - ---- - -- ---- --- -- - - ----- ------------------- -------- ---- --- -- ---------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30415