什么是模板字面量？
模板字面量是 ECMAScript 2016 中新增的语法糖，它可以让我们更加方便地进行字符串拼接。在模板字面量中，我们可以使用 ${} 来嵌入变量或表达式，并且可以在其中进行格式化或字符串操作。
如何使用模板字面量？
我们可以通过简单的示例来说明如何使用模板字面量做字符串拼接。
-- -------------------- ---- ------- -- ---------- ----- ---- - ----- ----- --- - --- ----- ------- - ---- - ---- - ----- - --- - ----- --------------------- -- ------- ----- ---- - ----- ----- --- - --- ----- ------- - ----------------------- ---------------------
从上述示例中可以看出，使用模板字面量可以省去许多字符串拼接时繁琐的操作，使代码更加简洁易懂。
如何进行格式化？
除了可以进行字符串拼接外，模板字面量还支持对字符串的格式化。
内嵌表达式
内嵌表达式可以使用字符串拼接方式，将表达式的值插入到模板字符串中。
const price = 22.5;
const pc = 3;
console.log(`购买3本价格为${price}元的图书，共需要支付${price * pc}元。`);使用函数
我们可以在模板字面量中使用函数来对字符串进行操作，如下所示。
function capitalize(word) {
return word[0].toUpperCase() + word.slice(1);
}
const name = 'zhangsan';
console.log(`姓名：${capitalize(name)}`);在上述示例中，我们定义了一个函数 capitalize，它将字符串首字母转换为大写，并将其应用到了模板字面量中。
总结
在 ECMAScript 2016 中，我们可以使用模板字面量来进行字符串拼接以及格式化操作，从而让代码更加简洁易懂。在实际应用中，我们可以根据需要对字符串进行格式化操作，使代码更加规范和易读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f41807f6b2d6eab3d3eaff