JavaScript 字符串拼接方式详解

在JavaScript中，字符串拼接是一个非常常见的操作，尤其是在处理用户输入、构建动态内容或生成HTML时。JavaScript提供了多种方式进行字符串拼接，每种方法都有其适用场景和性能特点。本文将详细介绍几种常用的字符串拼接方式，并分析它们的优缺点。

1. 使用 + 或 += 操作符 代码示例

let str1 = "Hello";
let str2 = "World";
let result = str1 + " " + str2;
console.log(result); // 输出: Hello World

优点

语法简单，易于理解和使用。

适用于简单的字符串拼接操作。

缺点

在循环中多次使用 + 或 += 操作符会导致性能问题，因为每次拼接都会创建新的字符串对象。

对于复杂的字符串拼接操作，可能会导致内存浪费。

2. 使用 String.concat() 方法

代码示例

let str1 = "Hello";
let str2 = "World";
let result = str1.concat(" ", str2);
console.log(result); // 输出: Hello World

优点

语法清晰，适用于简单的字符串拼接操作。

返回一个新的字符串，不会修改原字符串。

缺点

性能与 + 操作符相当，但在复杂情况下不如模板字符串易读。

不支持嵌入表达式。

3. 创建自定义的 StringBuilder 类 你可以创建一个自定义的 StringBuilder 类来模拟 append 方法。 代码示例

let builder = new StringBuilder();
builder.append("Hello");
builder.append(" ");
builder.append("World");
let result = builder.toString();
console.log(result); // 输出: Hello World