标签模板字面量的用法

1、处理复杂的字符串

• 标签函数format 被定义为接受两个参数： strings：模板字符串中的所有文本部分，作为一个字符串数组传入。

• …values：模板字符串中被 ${} 包裹的表达式的计算结果，作为一个数组传入。
  使用 reduce 合并结果：

• reduce 函数通过累加器 acc 逐步拼接字符串数组 strings 中的文本，并将相应的 values 值插入到指定位置。循环索引i 用于定位 values 中的正确值。 在模板中，如果存在对应的表达式值 (values[i])，则该值会被包裹在 标签中实现加粗效果；否则，只添加字符串 str 本身。

• reduce 从空字符串 ‘’ 开始，逐步将每段模板字符串 str 和相应的表达式值合并，最终生成完整的字符串，输出为：Hello, Alice! You have 12 new messages.。

function format(strings, ...values) {
    return strings.reduce((acc, str, i) => {
        return `${acc}${str}${values[i] ? `<b>${values[i]}</b>` : ''}`;
    }, '');
}



const name = "世界";
const result = processTemplate`你好，${name}! 今天天气怎么样？`;
console.log(result);  // 输出: 你好，世界! 今天天气怎么样？

---

2、使用标签可以在多层嵌套循环中直接退出外层循环

outerLoop: for (let i = 0; i < 5; i++) {
    for (let j = 0; j < 5; j++) {
        if (i === 3 && j === 3) {
            break outerLoop; // 当i和j都等于3时退出外层循环
        }
        console.log(`i = ${i}, j = ${j}`);
    }
}

---