var str1="Hello";

   var str2="World";

   var str3="!";

   var result=str1+str2+str3;

   console.log(result) // "HelloWorld!"

答案是选A，不知道你选对了没有？ 接下来让我们一起来解答一下这道题目：

这其中我我们知道1和2是数字，而3是字符串。concat()开始前是一个字符串，所以1和2连接就会成为字符串相连，所以结果是"12",以字符串"3"相连，结果就是"123",因此C,D排除。

而用 + 的话，由于1和2属于数字类型，1和2首先会做个加法运算结果为3，而后面的"3"属于字符串类型，只能拼接在一起，所以结果为"33"。故答案选A

通过这道例题，我们也能明白 concat 和 + 之间的区别 🧠 类型转换的差异（重点）

+ 会自动转换类型：

let result = "数字是：" + 123; // "数字是：123"


concat() 不会自动转换类型：

let result = "数字是：".concat(123); // ❌ 报错：不是字符串

你必须手动转成字符串：

let result = "数字是：".concat(String(123)); // "数字是：123"

那为什么还要用 concat()？

✅ 1. 语义更清晰

• concat() 明确表示“我要拼接字符串”，而不是做数学加法。

• 在代码可读性上，有时更清晰，尤其在链式调用中：

2. 函数式编程风格

• 有些人更喜欢用函数调用的方式处理字符串，而不是运算符。

实际开发建议

场景 推荐 简单拼接 用 + 更直观 多个字符串拼接 + 或模板字符串 ` 明确语义、函数式风格 用 concat() 需要类型安全 用 concat() + 手动转换

 
总结一句话：

+ 更灵活、更常用，concat() 更语义化、适合函数式风格，二者各有用途。

在 ES6 中，模板字符串（Template Literals）使用反引号（`）包裹，允许在字符串中直接嵌入变量或表达式，从而替代传统的字符串拼接（加号 +）。

传统拼接 vs 模板字符串

传统方式（ES5及之前）：

const name = 'Alice';
const age = 25;
const message = 'Hello, my name is ' + name + ' and I am ' + age + ' years old.';

模板字符串（ES6）：

核心优势：

1. 无需显式加号：变量或表达式通过 ${} 直接嵌入字符串。

2. 支持多行字符串：无需 \n 或字符串拼接。

   const text = `This is
   a multi-line
   string.`;