За допомогою літералів шаблону вираз можна вставити в заповнювач. Заповнювач представлено ${}, де все, що знаходиться у фігурних дужках, розглядається як JavaScript, а все, що знаходиться за межами дужок, розглядається як рядок: const method = 'interpolation' const dynamicString = `Цей рядок використовує ${method}.27 серпня 2021 р.
Знак долара, за яким йдуть фігурні дужки ${} використовується для оцінки та динамічного вбудовування виразів у літерали шаблону. const name = 'Джон Доу'; const вік = 20; // Використання літералів шаблону для консолі інтерполяції рядків. log(`Мене звати ${name} і мені ${age} років.
${variableName} всередині backticks є лише частиною системи інтерполяції рядків es6, яка просто вставляє значення змінної в заданий рядок. ${} є синтаксис для змінних (або іншого коду для виконання) в літералах шаблону (`).
Окрім звичайних рядків, літерали шаблону також можуть містити інші частини, які називаються заповнювачами вбудовані вирази, розділені знаком долара та фігурними дужками: ${вираз}. Рядки та заповнювачі передаються функції — або функції за замовчуванням, або функції, яку ви надаєте.
{} викликається об'єкт і у вашій декларації: var my = {}; ви просто створюєте порожній об’єкт, до якого потім можна додати властивості. За допомогою синтаксису [x] можна отримати доступ як до масивів, так і до об’єктів.
З #{} це вираз, з ${} це вираз заповнювач для значення. Перший вираз, який ви використовуєте, викличе метод/атрибут bean-компонента під назвою props, вираз із заповнювачем спробує знайти властивість під назвою props.