如何在 JavaScript 中连接两个字符串，以便第二个字符串必须连接在第一个字符串的末尾？

1. 字符串连接

在 JavaScript 中，可以使用 + 运算符连接两个字符串。例如：

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

以上代码中，str1 + " " + str2 拼接成了一个新的字符串，即 "Hello World"，并赋值给 result。

2. 确保第二个字符串连接在第一个字符串的末尾

为了确保第二个字符串连接在第一个字符串的末尾，我们可以使用字符串的 concat() 方法。该方法会返回两个或多个字符串连接起来的新字符串。

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

以上代码中，str1.concat(" ", str2) 将 " " 和 str2 这两个参数连接到 str1 的末尾，并返回新的字符串，即 "Hello World"。

3. 连接多个字符串

可以通过多次调用 concat() 方法来连接多个字符串。例如：

var str1 = "Hello";
var str2 = "World";
var str3 = "!";
var result = str1.concat(" ", str2).concat(str3);
console.log(result); // 输出 "Hello World!"

以上代码中，先将 str1 和 str2 连接起来，再将连接结果和 str3 连接起来，最终得到 "Hello World!"。

4. 使用模板字面量连接字符串

在 ES6 中，引入了模板字面量（Template Literals）的概念，使得字符串的拼接变得更加方便。使用模板字面量可以通过在反引号（`）中插入变量或表达式的值来构造字符串。

var str1 = "Hello";
var str2 = "World";
var result = `${str1} ${str2}!`;
console.log(result); // 输出 "Hello World!"

以上代码中，使用了模板字面量的语法，用 ${} 将变量或表达式的值嵌入到字符串中，最终结果为 "Hello World!"。

5. 总结

JavaScript 中连接两个字符串的方法有多种。可以使用 + 运算符、concat() 方法或者 ES6 的模板字面量。在使用 concat() 方法时，需要注意参数的顺序。在使用模板字面量时，需要用反引号（`）包裹字符串。

下面的示例展示了以上方法的不同实现方式：

var str1 = "Hello";
var str2 = "World";
var str3 = "!";
// 使用 + 运算符连接字符串
var result1 = str1 + " " + str2 + str3;
console.log(result1); // 输出 "Hello World!"
// 使用 concat() 方法连接字符串
var result2 = str1.concat(" ", str2, str3);
console.log(result2); // 输出 "Hello World!"
// 使用模板字面量连接字符串
var result3 = `${str1} ${str2}${str3}`;
console.log(result3); // 输出 "Hello World!"