前端 ES6 面试题, 什么是 ES6 新增的模板语法?

Step 1

Q:: 什么是ES6新增的模板语法？

A:: ES6 新增的模板语法是模板字符串 (Template Literals)。模板字符串使用反引号 (``) 包裹，允许在字符串中嵌入表达式，表达式的结果会被计算并插入字符串中。可以使用 ${expression}`` 的形式在字符串中插入变量或表达式的结果。模板字符串还支持多行字符串，解决了传统字符串在处理多行文本时的复杂性问题。

Step 2

Q:: 模板字符串的优势是什么？

A:: 模板字符串的主要优势包括：1) 允许在字符串中嵌入表达式，更加简洁易读；2) 支持多行字符串，省去了手动换行符的麻烦；3) 与普通字符串相比，处理动态内容更加便捷，减少了字符串拼接的错误风险。

Step 3

Q:: ES6 模板字符串中的嵌入表达式如何工作？

A:: 在模板字符串中，可以使用 ${} 来嵌入表达式。表达式会在模板字符串被计算时求值，并将结果作为字符串的一部分。例如：const name = 'Alice'; const greeting = Hello, ${name}!; 结果是 Hello, Alice!。表达式可以是任何有效的 JavaScript 表达式，如变量、运算、函数调用等。

Step 4

Q:: 如何在模板字符串中使用多行文本？

A:: 模板字符串支持直接在字符串中换行，不需要额外的换行符或连接符。使用反引号包裹整个字符串，并在需要换行的地方直接按下 Enter 键。例如：const multiline = This is a line This is another line; 结果是：This is a line（换行）This is another line。