Литералы шаблона ES6: пример и методы манипулирования строками

Вот пример использования литералов шаблона ES6 для вычисления суммы:

const a = 5;
const b = 10;
const sum = `${a} + ${b} = ${a + b}`;
console.log(sum); // Output: 5 + 10 = 15

В этом примере литерал шаблона ${a} + ${b} = ${a + bиспользуется для создания строки, представляющей сумму двух чисел, aи b, используя оператор +.

Что касается дополнительных методов, связанных с литералами шаблонов ES6, вот некоторые из них:

  1. Многострочные строки. Литералы шаблонов позволяют легко создавать многострочные строки без необходимости использования escape-символов. Например:

    const multiLineString = `This is
    a multi-line
    string`;
  2. Интерполяция выражений. Литералы шаблона могут содержать выражения внутри заполнителей ${}. Эти выражения вычисляются, и их результаты вставляются в строку. Например:

    const name = "John";
    const greeting = `Hello, ${name}!`;
    console.log(greeting); // Output: Hello, John!
  3. Шаблоны с тегами. Литералы шаблона можно «пометить» функцией, что позволит вам выполнять пользовательскую обработку шаблона. Вот пример:

    function customTag(strings, ...values) {
     // Process the strings and values as needed
     // ...
     return processedString;
    }
    const result = customTag`Template literal ${value}`;