如何在ECMAScript 6中使用模板字符串字面量

模板字符串是ECMAScript 6中引入的新功能，它提供了一种简单的方法来执行字符串插值和多行字符串的创建。

使用 字符串字面量 可以创建不含反斜杠的多行字符串，添加引用中的任何单词或短语，插入变量，并在字符串之间使用数学公式。

语法：

`string text`

这个模板字符串也可以包含占位符。我们可以通过美元符号和花括号来表示。

`string text ${expression} string text`

让我们通过以下示例来看一下这些模板字面量是如何简化我们的生活的。

示例1： 传统的使用带有换行符的字符串的方法。

Javascript

const textMessage = "GFG is the\n" +
"best place to learn DS";
console.log(textMessage);

输出：

GFG is the
best place to learn DS

示例2： 使用模板文字，我们可以做到与上面示例相同的效果，而不使用新行字符。我们可以根据需要以换行方式编写文本。

JavaScript

const textMessage = `GFG is the
best place to learn DS`;
console.log(textMessage);

输出：

GFG is the
best place to learn DS

示例3： 我们还可以使用单引号包围一些文本，而不会出现任何问题。

JavaScript

const textMessage = `GFG is the
best 'place' to learn DS`;
console.log(textMessage);

输出：

GFG is the
best 'place' to learn DS

我们也可以在模板字符串中添加动态内容。这可以通过在花括号内定义需要的变量，并在前面加上美元符号来实现。

示例4： 在这个示例中，我们将使用模板字符串显示字符串中的名称。

JavaScript

const name = "User";
const message = `Hi ${name}, Welcome to the GeeksForGeeks`;
console.log(message);

输出：

Hi User, Welcome to the GeeksForGeeks