ES6 中的模板字面量是什么？

模板字面量量是编程中用来表示某种固定值的字面量量词，模板表示可以生成某种实体的蓝图，因此模板字面量用来生成固定值的字符串。这些用反引号 ` 分隔，我们可以在其中注入 JavaScript 表达式和字符串。

句法：

`Any string ${jsExpression} can appear here`

示例：在此示例中，我们演示了模板字面量的简单演示。

Javascript

const str1 = `Hi, GeeksforGeeks Learner`;
console.log(str1);
  
const str = "GeeksforGeeks";
const str2 = `Hi, ${str} Learner`;
console.log(str2);

输出：

Hi, GeeksforGeeks Learner
Hi, GeeksforGeeks Learner

优点：模板字符串的使用有以下优点：

1. 连接字符串：模板字面量提供了一种更简单的方法来连接两个字符串。通常我们使用“+”运算符，但使用模板字面量，我们可以写任何我们想要的东西。

例子：

Javascript

const strA1 = "Normal Javascript techniques";
const strA2 =  "are a little bit lengthy";
console.log(strA1 + " " + strA2 + ".");
  
const strB1 = "Template literals";
const strB2 =  "make them simple";
console.log(`${strB1} ${strB2}.`);

输出：

Normal Javascript techniques are a little bit lengthy.
Template literals make them simple.

2. 无需使用 \n 和 \t 转义序列：模板字面量保留了每种类型的空格，因此我们无需明确告知新行或额外空格。

例子：

Javascript

console.log("There will be a tab space after this"
    + "\t" + "end of string.");
console.log("First Line" + "\n" + "Second Line");
  
console.log(`There will be a tab space    after this end of string.`);
console.log(`First Line 
Second Line`);

输出：

There will be a tab space after this    end of string.
First Line
Second Line
There will be a tab space after this    end of string.
First Line
Second Line

3.表达式和字符串的组合变得容易：使用模板字面量，我们可以在字符串中注入任何类型的表达式，这些表达式将在运行时执行和确定。

示例 1：在此示例中，我们展示了如何使用三元运算符生成带有模板字面量的动态字符串。

Javascript

let darkMode = true;
  
console.log(
`The current background color
is ${darkMode ? "#000000" : "#FFFFFF" }`
);

输出：

The current background color
is #000000

示例 2：如何将数学表达式插入模板字面量的简单说明。

Javascript

const price = 5799.00;
  
console.log(
`The price of product is ${price} and
after 16% discount it would cost ${price-price*16*0.01}`
);

输出：

The price of product is 5799 and
after 16% discount it would cost 4871.16