模板字符串是 ES6 中引入的一种新的字符串表示方法，它允许在字符串中嵌入变量和表达式，以及跨行书写字符串，同时保留换行符和空格。以下是模板字符串的一些重要特点：

1. 基本语法：

  • 使用反引号（“）包裹字符串，而不是单引号或双引号。
  • 在字符串中可以使用 ${} 语法来插入变量或表达式。

2. 插入变量和表达式：

  • 使用 ${} 来插入变量或表达式，例如 ${name} 或 ${a + b}。
  • ${} 中可以是任意有效的 JavaScript 表达式，包括函数调用、对象属性访问、三元表达式等。

3. 跨行书写字符串：

  • 模板字符串允许跨行书写字符串，保留换行符和空格。

4. 标签模板字符串（Tagged Template Strings）：

  • 标签模板字符串允许在模板字符串前面添加一个标签函数，用于自定义字符串的处理方式。

示例：

// 定义变量
let name = "John";
let age = 30;

// 插入变量和表达式
let greeting = `Hello, ${name}!`;
let message = `My age is ${age + 5}.`;

console.log(greeting); // 输出: Hello, John!
console.log(message); // 输出: My age is 35.

// 跨行书写字符串
let multiLineString = `
    This is a
    multi-line
    string.`;

console.log(multiLineString);
// 输出:
//     This is a
//     multi-line
//     string.