模板文字语法

在 JavaScript 的 ES6（ECMAScript 2015）中，我们可以使用模板文字语法（Template Literal Syntax）来创建包含变量或表达式的字符串，以及多行字符串。

创建模板文字

通过使用反引号（backtick），我们可以创建模板文字。在模板文字中，我们可以使用 ${} 将变量或表达式嵌入到字符串中。

例如：

const name = 'John';
const age = 30;

const message = `My name is ${name} and I am ${age} years old.`;

console.log(message); // My name is John and I am 30 years old.

在这个例子中，我们使用模板文字创建了一个包含变量和字符串的消息。

多行字符串

在以前的 JavaScript 版本中，我们需要使用字符串连接符将多行字符串连接起来。但是，在 ES6 中，我们可以使用模板文字创建多行字符串。

例如：

const text = `This is a
multi-line
string.`;

console.log(text);

// This is a
// multi-line
// string.

嵌套模板文字

我们可以将嵌套的模板文字与变量和表达式结合使用。

例如：

const product = {
  name: 'Phone',
  price: 99.99,
  discount: 10,
};

const message = `${product.name} is on sale for ${product.price -
  (product.price * product.discount) / 100}.`;

console.log(message); // Phone is on sale for 89.99.

在这个例子中，我们使用嵌套的模板文字来计算出打折后的价格。

总之，在 ES6 中，模板文字使得创建复杂的字符串变得更加简单和直观。