ما هي الحروف النموذجية ذات العلامات؟

يتضمن القالب الحرفي ذو العلامات قالبًا حرفيًا مسبوقًا بوظيفة تسمى علامة. يمكن لهذه الوظيفة معالجة المحتوى الحرفي ومعالجته. إليك مثال بسيط:

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

حالات الاستخدام للقوالب ذات العلامات الحرفية

1. التدويل (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.

function escapeHTML(strings, ...values) {
    const escape = (str) => str.replace(/&/g, '&').replace(/, '<').replace(/>/g, '>');
    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: <script>alert("XSS")</script>"

خاتمة

توفر القيم الحرفية للنماذج ذات العلامات أداة متعددة الاستخدامات لمعالجة السلسلة الديناميكية في JavaScript. يمكنهم تبسيط المهام مثل التدويل وتنسيق السلسلة المخصص، مما يؤدي إلى تعليمات برمجية أكثر تعبيرًا وقابلية للصيانة.