JavaScript的模板字符串

JavaScript的模板字符串（template strings）是ES6引入的新特性，用于更方便地处理字符串。它有两个主要的使用场景：组装复杂的字符串和多行字符串。

注意: 模板字符串使用反引号（`）而不是单引号或双引号

组装复杂的字符串

传统的方式下，如果需要在字符串中插入变量，通常需要使用”+”来拼接字符串和变量，这样做比较繁琐且易读性差。模板字符串允许你直接嵌入变量或表达式，只需要将它们放在${}之间即可。

例如：

1
2
3

let user = 'Tom';
let greeting = `Hello, ${user}!`;
console.log(greeting); // 输出："Hello, Tom!"

我们还可以在${}内直接进行运算：

1
2
3

let a = 5;
let b = 10;
console.log(`The sum of ${a} and ${b} is ${a+b}.`);  // 输出："The sum of 5 and 10 is 15."

多行字符串

在ES6以前，如果想创建多行字符串，必须使用反斜杠（\）或者每行都用双引号/单引号包住然后通过”+”连接。而模板字符串则可以直接创建多行字符串，只需要换行即可。

例如：

let multiLineString = `This is line 1.
This is line 2.
This is line 3.`;

console.log(multiLineString);
// 输出：
// This is line 1.
// This is line 2.
// This is line 3.

需要注意的是，模板字符串使用反引号（`）而不是单引号或双引号。