位置: 编程技术 - 正文
推荐整理分享详解nodejs模板引擎制作(nodejs function),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:nodejs引入模块,nodejs示例,node.js模块,nodejs引入模块,nodejs引入模块,nodejs模板引擎,node.js模板,nodejs引入模块,内容如对您有帮助,希望把文章链接给更多的朋友!
关于模板,我倒是用过了不少。最开始要数Java的JSP了,然后接触了PHP的smarty,再就是Python的jinja2, Django内置模板,现在刚开始看Nodejs,也发现了不少类似的模板引擎,ejs, jade等等吧。
模板带来的最直接的好处就是加速开发,前后端分离。除此之外,对于字符串的格式化同样是个比较好的应用。习惯了python中
这样简便的用法,突然来到nodejs中,没有了这类特性的原生支持,写起来打印语句就老是觉得很别扭,一点都不优雅。然后我就想自己做一个实现上述功能的工具函数,方便自己的使用。然后就想到了模板这一个方向,虽然想法还不够成熟,甚至是有点拙略,但是“灵(瞎)感(闹)”还是得记录一下不是。
Function对象
JavaScript中有这么一个神奇的对象,那就是Function。如果函数体符合语法要求,那么你就可以动态创建出一个自己的函数出来。下面来个简单的小例子。
无参模式
运行结果如下:
有参模式
刚才演示了一个无参数的情况,那么有参数的情况如何呢?
同样的运行结果如下:
到这里,关于Function的内容就算是铺垫完成了。只需要了解这
正则
探究模板的真实原理,有些语言中是编译型的,有些是替换型的。但是不管是哪种类型,都离不开扣出变量关键字这个步骤。而这个过程用正则表达式基本上是最好的方法了。所以需要掌握一点相关的技巧。
如何表达?
在Nodejs中,使用正则表达式有两种形式:
字面量: /pattern/flags RegExp: new RegExp(pattern, flags)关于正则表达式的具体的规则,鉴于篇幅很长,这里就不再赘述了。有兴趣的可以浏览下面的这篇文章。 和{%%} 这种语法下的变量名称,然后替换成对应的变量值。 因此可以写出如下的正则表达式:
默认规则如下:
在{{}} 中直接替换为变量名对应的值。 在{%%} 中的则是可以添加到函数体的代码块,要保留起来。简易实现
下面简单的对照着实现一下。
直接变量形式
实现结果:
对象形式
运行效果:
混杂多参数实现
刚才实现了只有关键字的和有对象性质的参数的例子,但是实际中情况可能比这要复杂的多,比如混杂模式。接下来着手实现一下混杂模式下的替换策略。
运行结果如下:
关于正则这块,大致的内容就是这样了。如果要想更简单的调用,只需要封装起来,用外部参数代替就好了。
当然,注意变量名的命名风格。
实战
废话连篇说了两个小节,还没到正式的模板制作。下面就整合一下刚才例子。模拟着实现一下好了。
(!完整)代码
来个不完整的代码,示意一下算了。
同级目录下生成的文件内容为:
感觉效果还行,但是这里面参数太固定化了,实际封装的时候还需要酌情指定,不然这东西也就没什么卵用。
总结
要是论实用性价值的话,这个不成熟的模板实现思路毫无价值。但是对于我而言,用来格式化字符串倒是个不错的选择,估计我会把这个小思路封装成一个小小的模块,详情
详解Nodejs之npm&package.json 一直以来,作为前端开发,在公司都是先写好页面,然后再跟后端合作,将数据填入前端页面中,但是偶尔自己闲来无事,也会看一些框架什么的,然
CentOS 安装NodeJS V8.0.0的方法 下载
package.json文件配置详解 package.json是npminit命令初始化后,在项目的根目录下自动生成的配置文件,它定义了这个项目的配置信息以及所需要的各种模块,npminstall根据这个命令,
标签: nodejs function
本文链接地址:https://www.jiuchutong.com/biancheng/382099.html 转载请保留说明!友情链接: 武汉网站建设