什么是标记模板文字？
带标签的模板文字涉及以函数为前缀的模板文字，称为标签。该函数可以处理和操作文字的内容。这是一个简单的例子：
function tag(strings, ...values) {
console.log(strings);
console.log(values);
return 'processed string';
}
const name = 'alice';
const greeting = tag`hello, ${name}! how are you?`;
console.log(greeting);
标记模板文字的用例
- 国际化（i18n）
带标签的模板文字可以根据用户的区域设置动态翻译字符串。这是使用日语的示例：
function i18n(strings, ...values) {
const translations = {
'hello, ': 'こんにちは、',
'! how are you?': '！元気ですか？',
};
return strings.reduce((result, str, i) => result + translations[str] + (values[i] || ''), '');
}
const name = 'アリス';
const greeting = i18n`hello, ${name}! how are you?`;
console.log(greeting); // output: "こんにちは、アリス！元気ですか？"
2. 自定义字符串格式
他们还可以实现自定义格式化逻辑，例如转义 html。
ShoopD 网上商店系统
下载
用 php + mysql 驱动的在线商城系统，我们的目标为中国的中小企业及个人提供最简洁，最安全，最高效的在线商城解决方案，使用了自建的会员积分折扣功能，不同的会员组有不同的折扣，让您的商店吸引更多的后续客户。 系统自动加分处理功能，自动处理会员等级，免去人工处理的工作量，让您的商店运作起来更方便省事 采用了自建的直接模板技术，免去了模板解析时间，提高了代码利用效率 独立开发的购物车系统，使用最
function escapeHTML(strings, ...values) {
const escape = (str) => str.replace(/&/g, '&').replace(//g, 'youjiankuohaophpcn');
return strings.reduce((result, str, i) => result + str + escape(values[i] || ''), '');
}
const userInput = '';
const sanitized = escapeHTML`User input: ${userInput}`;
console.log(sanitized); // Output: "User input: zuojiankuohaophpcnscriptyoujiankuohaophpcnalert("XSS")zuojiankuohaophpcn/scriptyoujiankuohaophpcn"
结论
标记模板文字为 javascript 中的动态字符串操作提供了多功能工具。它们可以简化国际化和自定义字符串格式等任务，从而产生更具表现力和可维护的代码。
