JS字符串拼接是前端开发中常用的操作，它可以将多个字符串连接在一起形成一个新的字符串。在JS中，我们可以使用 "+" 运算符或者 String.prototype.concat() 方法来完成字符串拼接操作。
1. “+”运算符
"+" 运算符是JS中最基本的字符串拼接方式之一。它可以将两个或多个字符串连接在一起，生成一个新的字符串。
const str1 = "Hello"; const str2 = "World"; const result = str1 + " " + str2; console.log(result); // "Hello World"
需要注意的是，当使用 "+" 运算符进行多次字符串拼接时，每次拼接都会创建一个新的字符串对象，所以对于大量的字符串拼接操作，建议使用其他方式实现，以提高代码性能和效率。
2. String.prototype.concat()方法
String.prototype.concat() 是另一种常用的字符串拼接方式，它可以将两个或多个字符串连接在一起，生成一个新的字符串。与 "+" 运算符不同的是，concat() 方法不会创建新的字符串对象，而是将原始字符串进行修改。
const str1 = "Hello";
const str2 = "World";
const result = str1.concat(" ", str2);
console.log(result); // "Hello World"可以看到，concat() 方法的语法比较灵活，可以传入一个或多个参数，每个参数都会被转换为字符串并连接在一起。
3. 性能比较
那么，使用 "+" 运算符和 concat() 方法哪种方式更加高效呢？我们来看一个基准测试：
-- -------------------- ---- ------- ----- ---- - -------- ----- ---- - -------- -- -- --- ---------- ---------------------- --- ---- - - -- - - ------- ---- - ----- ------ - ---- - - - - ----- - ------------------------- -- -- -------- --------- ---------------------- --- ---- - - -- - - ------- ---- - ----- ------ - ------------- -- ------ - -------------------------
运行以上代码，我们可以发现，使用 "+" 运算符进行字符串拼接的时间约为使用 concat() 方法的两倍。这是因为 "+" 运算符每次都会创建新的字符串对象，而 concat() 方法则不需要创建对象，只需要修改原始字符串即可，所以 concat() 方法性能更优。
4. 指导意义
总体来说，使用 concat() 方法进行字符串拼接是更好的选择，特别是对于大量的字符串拼接操作，它可以提高代码的性能和效率。
另外，还有一种更加高效的字符串拼接方式：使用数组的 join() 方法。这种方式可以将多个字符串存入数组中，在最后一次操作时通过 join() 方法将数组转换为字符串，避免了多次创建字符串对象的问题。
const str1 = "Hello";
const str2 = "World";
const arr = [str1, " ", str2];
const result = arr.join("");
console.log(result); // "Hello World"在实际开发中，我们需要根据具体情况选择合适的字符串拼接方式，以提高代码性能和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13799