Underscore.js _.template()函数

Underscore.js是一个 JavaScript 库，它提供了许多有用的功能，即使不使用任何内置对象，也可以在很大程度上帮助编程，如地图、过滤器、调用等。

_.template()函数是 JavaScript 的Underscore.js库中的一个内置函数，用于将 JavaScript 模板编译为可以评估以进行渲染的函数。用于从 JSON 数据源呈现复杂的 HTML 位。

模板函数用于创建一个模板函数，该函数已编译并可以在插入分隔符中插入数据的属性，在评估分隔符时执行 JavaScript，以及在转义分隔符中对数据的 HTML 转义插入属性。此外，数据属性在模板中作为自由变量检索。

句法：

_.template(templateString, [settings])

参数：此方法接受上面提到的两个参数，如下所述：

• templateString：这是一个将用作模板的字符串。
• settings：它是一个对象，必须是一个包含任何应该被覆盖的 _.templateSettings 的哈希值。

返回值：该方法返回编译后的模板函数。

示例 1：

输出：

Hi Shubham!

示例 2：

HTML

  

    
    

  

    
  
        // Using the _.template() method to 
        // create a compiled template using 
        // the internal print function in
        // the "evaluate" delimiter
        var comptempl = _.template("<% print('hey ' + geek); %>...");
  
        // Assigning value to the evaluate delimiter
        let result =
            comptempl({ 'geek': 'Shubham' });
  
        // Displays output
        console.log(result);
  
    

  

输出：

hey Shubham...

示例 3：

HTML

  

    
    

  

    
  
        // Using the template() method with
        // additional parameters
        let compiled_temp = _.template(
          "<% _.forEach(students, function(students) " +
            "{ %><li><b><%- students %></b></li><% }); %>"
        )({ students: ["Shubham", "Shakya"] });
            
        // Displays the output
        console.log(compiled_temp);
  
    

  

输出：

Shubham
Shakya

参考： https ://underscorejs.org/#template