面试题：JavaScript 中模板标签如何实现字符串的动态替换

Question

假设你有一个对象 `person = {name: 'Alice', age: 30}`，请使用模板标签创建一个字符串，格式为 '姓名：Alice，年龄：30'，并解释模板标签在这个过程中的工作原理。

Answer 1

在JavaScript中，可以这样实现：

const person = {name: 'Alice', age: 30};
const result = `姓名：${person.name}，年龄：${person.age}`;
console.log(result);

模板标签的工作原理：

1. 模板字符串定义：模板字符串使用反引号（）来创建。在模板字符串中，可以嵌入表达式，这些表达式使用 ${}` 语法包裹。
2. 表达式求值：当JavaScript引擎遇到 ${} 时，会对其中的表达式进行求值。在上述例子中，${person.name} 会被 person 对象的 name 属性值 'Alice' 替换，${person.age} 会被 person 对象的 age 属性值 30 替换。
3. 字符串构建：将模板字符串中的普通字符和替换后的表达式值按照顺序连接起来，构建最终的字符串。所以最终生成的字符串就是 '姓名：Alice，年龄：30'。