什么是模板字符串？比普通字符串的好处？

模板字符串（Template Strings）是 ES6 引入的一种新的字符串语法，使用反引号 ``（也称为 "backticks"）来表示。它允许在字符串中嵌入表达式，并且支持多行字符串，相比普通字符串具有一些明显的好处。

下面是模板字符串相对于普通字符串的一些好处：

1. 嵌入表达式：模板字符串可以在 ${} 中嵌入 JavaScript 表达式，这样可以更方便地在字符串中插入变量或执行函数，并且不需要使用复杂的字符串拼接操作。

   const name = 'Alice';
   const greeting = `Hello, ${name}!`; // 使用表达式插入变量

2. 多行字符串：模板字符串可以直接包含多行文本，而不需要使用 \n 等转义字符。

   const multiLineString = `
     This is a
     multi-line
     string.
   `; // 直接定义多行字符串

3. 易读性和维护性：使用模板字符串可以使代码更加清晰易读，特别是当需要拼接复杂的字符串时，模板字符串可以减少代码的复杂度和提高可维护性。

   // 使用普通字符串拼接
   const message = 'Hello, ' + name + '!\n' +
                   'Welcome to our website.\n' +
                   'Today is ' + new Date() + '.';
   
   // 使用模板字符串
   const message = `
     Hello, ${name}!
     Welcome to our website.
     Today is ${new Date()}.
   `;

   总的来说，模板字符串相比普通字符串在嵌入表达式、多行字符串以及可读性上有明显的优势，使得 JavaScript 中处理字符串的操作更加简洁和灵活。因此，推荐在适当的场景下使用模板字符串来代替传统的字符串拼接方式。