教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

Underscore是什么?怎样使用Underscore模板引擎?

更新时间:2022年09月13日11时48分 来源:大阳城app官网入口 浏览次数:

好口碑IT培训

前端开发有时候避免不了要在JavaScript代码中插入HTML代码,插入的代码少时还好些,如果比较多,在以后的编辑中会出现很多问题,例如一不小心可能漏掉某个双引号、加号等导致语法错误。为了将它们剥离开,出现JavaScript 模板。

Underscore是一个JavaScript实用库,提供了一整套函数式编程的实用功能,但是没有扩展任何JavaScript内置对象。下面要介绍的template是Underscore 提供的一个实用功能一一模板引擎,template功能将JavaScript模板编译为可以用于页面呈现的函数,通过JSON数据源生成复杂的HTML并呈现出来。

模板函数的使用语法如下:

_.template(templateString,  [settings])

在上述语法中,templateString参数通常是字符串,模板函数可以使用<%=...%>插入变量,也可以用<%...%>执行任意的JavaScript代码。如果要想模板中插入一个值,并让其进行HTML转义,可以使用<%-…%>。具体用法如下:

(1)赋值:

var compiled = _.template("hello:  <%= name % >");
compiled((name: 'moe'});
=> "hello:moe"

上述语法中,使用_.template()函数定义了一个变量name,然后compiled()函数用于name属性注入数据moe。

(2)需要转义:

var template = _.template("<%- value % >");
template({value:  '




                
            
和我们在线交谈!
Baidu
sogou