了解 JavaScript 中的标记模板文字

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);

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: "こんにちは、アリス！元気ですか？"

function escapeHTML(strings, ...values) {    const escape = (str) =&gt; str.replace(/&amp;/g, '&amp;').replace(/, '/g, '&gt;');    return strings.reduce((result, str, i) =&gt; result + str + escape(values[i] || ''), '');}const userInput = '<script>alert("XSS")</script>';const sanitized = escapeHTML`User input: ${userInput}`;console.log(sanitized); // Output: "User input: <script>alert("XSS")</script>"