Шаблонные строки | template strings

Шаблонные строки (template strings) - предоставляют функционал очень похожий на шаблонизаторы. Для этого используется символ обратной кавычки `.  Для обозначения переменной используется знак доллара $ и фигурные кавычки {}, это называется местозаполнителем. Шаблонная строка использует внутренний тип string - поэтому доступны все операции со строками, например toUpperCase().

function greet(name) {
    console.log(`Hello ${name}`.toUpperCase());
}
greet('Bill'); // HELLO BILL

Шаблонные строки поддерживают многострочность, т.е. их можно переносить на несколько строк. Перенос на новою строку заменяется на \n;

function createEmail(to, from, subject, message) {
    console.log(`
        To: ${to}
        From: ${from}
        Subject: ${subject}
        Message: ${message}
    `);
}
createEmail('john@mail.com', 'jane@mail.com', 'Hello', 'How are you doing?');
// To: john@mail.com
// From: jane@mail.com
// Subject: Hello
// Message: How are you doing?

В заполнителях мы также можем использовать выражения и вызывать функцию.

function add(x, y) {
    console.log(`${x} + ${y} = ${parseInt(x) + parseInt(y)}`);
}
add('5', '7'); // 5 + 7 = 12