首页 > 语言 > JavaScript > 正文

详解nodejs模板引擎制作

2024-05-06 15:15:56
字体:
来源:转载
供稿:网友

关于模板,我倒是用过了不少。最开始要数Java的JSP了,然后接触了PHP的smarty,再就是Python的jinja2, Django内置模板,现在刚开始看Nodejs,也发现了不少类似的模板引擎,ejs, jade等等吧。

模板带来的最直接的好处就是加速开发,前后端分离。除此之外,对于字符串的格式化同样是个比较好的应用。习惯了python中

string = "hello {}".format("郭璞") # hello 郭璞string = "hello {username}".format(username="郭璞") # hello 郭璞

这样简便的用法,突然来到nodejs中,没有了这类特性的原生支持,写起来打印语句就老是觉得很别扭,一点都不优雅。然后我就想自己做一个实现上述功能的工具函数,方便自己的使用。然后就想到了模板这一个方向,虽然想法还不够成熟,甚至是有点拙略,但是“灵(瞎)感(闹)”还是得记录一下不是。

Function对象

JavaScript中有这么一个神奇的对象,那就是Function。如果函数体符合语法要求,那么你就可以动态创建出一个自己的函数出来。下面来个简单的小例子。

无参模式

function create_function(){  var func_body = "var time = new Date(); console.log('创建时间:'+time);";  var func = new Function('', func_body);  func();}create_function();

运行结果如下:

E:/Code/Nodejs/learn/my-work/string>node one.js创建时间:Tue Jun 13 2017 15:40:15 GMT+0800 (中国标准时间)E:/Code/Nodejs/learn/my-work/string>

有参模式

刚才演示了一个无参数的情况,那么有参数的情况如何呢?

function create_function_with_parameters() {  var param1 = "郭璞";  var param2 = "辽宁大连";  var func_body = "console.log('Hello '+param1+', welcome to '+param2+'!' );";  var func = new Function('param1', 'param2', func_body);  func(param1, param2);}create_function_with_parameters();

同样的运行结果如下:

E:/Code/Nodejs/learn/my-work/string>node one.jsHello 郭璞, welcome to 辽宁大连!E:/Code/Nodejs/learn/my-work/string>

到这里,关于Function的内容就算是铺垫完成了。只需要了解这

正则

探究模板的真实原理,有些语言中是编译型的,有些是替换型的。但是不管是哪种类型,都离不开扣出变量关键字这个步骤。而这个过程用正则表达式基本上是最好的方法了。所以需要掌握一点相关的技巧。

如何表达?

在Nodejs中,使用正则表达式有两种形式:

    字面量: /pattern/flags RegExp: new RegExp(pattern, flags)

关于正则表达式的具体的规则,鉴于篇幅很长,这里就不再赘述了。有兴趣的可以浏览下面的这篇文章。
//www.Vevb.com/article/39623.htm?source=1

需求获取

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选