JS字符串拼接的几种方式(最新推荐)

下面是关于JS字符串拼接的几种方式的攻略：

普通字符串拼接

普通字符串拼接是最简单的方式，就是使用+进行连接。例如：

let greeting = 'Hello';
let name = 'John';
let message = greeting + ', ' + name + '!';  // 最终结果为 'Hello, John!'

模板字符串拼接

ES6增加了模板字符串的支持，可以通过使用反引号来定义一个模板字符串，其中可以使用${expr}嵌入表达式。例如：

let greeting = 'Hello';
let name = 'John';
let message = `${greeting}, ${name}!`;  // 最终结果为 'Hello, John!'

数组join拼接

在拼接大量字符串时，使用数组进行拼接比普通的字符串拼接效率更高。可以先将需要拼接的字符串存入数组中，然后使用数组的join()方法拼接为一个字符串。例如：

let basePath = 'https://example.com';
let pathParts = ['folder1', 'folder2', 'file.txt'];
let fullPath = basePath + '/' + pathParts.join('/');  // 最终结果为 'https://example.com/folder1/folder2/file.txt'

反斜杠拼接

使用反斜杠"\"进行字符串拼接时，可以换行编写代码，同时借助IDE的智能提示来避免拼写错误。例如：

let message = 'Welcome to my website! ' +
    'Please feel free to browse around ' +
    'and contact us if you have any questions.';

console.log(message);

以上是最新推荐的JS字符串拼接的几种方式，希望可以对你有所帮助。