ES6的模板字符串怎么用

在ES6中，模板字符串是一种允许嵌入表达式的字符串字面量，可以更方便地构造字符串。模板字符串使用反引号（``）括起来，而不是单引号（‘’）或双引号（“”）。要在模板字符串中插入表达式，需要使用${expression}语法。

下面是一些使用模板字符串的例子：

1. 插入变量：

const name = '张三';
const age = 25;
const message = `你好，我的名字是${name}，我今年${age}岁。`;
console.log(message); // 输出：你好，我的名字是张三，我今年25岁。

2. 插入算术表达式：

const a = 10;
const b = 20;
const sum = `10 + 20 = ${a + b}`;
console.log(sum); // 输出：10 + 20 = 30

3. 插入函数调用：

function greet(name) {
  return `你好，${name}！`;
}

const name = '李四';
const greeting = `欢迎来到我的网站，${greet(name)}！`;
console.log(greeting); // 输出：欢迎来到我的网站，你好，李四！

4. 多行字符串：

const multiLineString = `这是一个
跨越多行的
模板字符串。`;
console.log(multiLineString);

模板字符串提供了一种简洁、易读的方式来构造复杂的字符串，特别是在需要插入变量、表达式或进行多行字符串拼接时。