как использовать underscore js в качестве шаблонизатора

Underscore.js - это библиотека JavaScript, которая предоставляет множество полезных функций для работы с массивами, объектами, функциями и шаблонами. Для использования Underscore.js в качестве шаблонизатора, вы можете воспользоваться функцией _.template().

Создайте HTML-шаблон с помощью тега <script> и задайте ID для него:

<script type="text/template" id="my-template">
    <h1><%= title %></h1>
    <p><%= content %></p>
</script>

Затем, можно заменить переменные в шаблоне на значения, используя _.template() и передав параметры объектом:

var templateText = document.getElementById('my-template').innerHTML;
var template = _.template(templateText);

var data = {
    title: 'Привет, мир!',
    content: 'Это пример использования Underscore.js в качестве шаблонизатора.'
};

var result = template(data);
document.getElementById('output').innerHTML = result;

В примере выше мы извлекаем текст из тега <script>, компилируем шаблон с помощью _.template(), передаем данные для замены переменных в шаблоне, а затем выводим результат в элемент с ID "output".

Вы также можете использовать условия, циклы и другие функции шаблонизации, предоставляемые Underscore.js для создания более сложных шаблонов.