模板引擎的再度优化：Juicer

前端模板引擎因其代码可读性强和易于维护性深得站长喜爱。市面上的模板引擎很多，如：Mustache, jQuery tmpl, Kissy template, ejs, doT, nTenjin, etc.等。随着技术的进步，这些模板引擎越来越切合用户的体验要求了。目前，又有了新模板Juicer，既然是新模板，说明其一定有着其他模板所不具备的新特性，下面让我们一起来了解一下Juicer。

Juicer最注重的是其高效的性能，因为用户的体验感知，直接受其影响。同时，Juicer兼顾了错误处理机制和安全性。下面我们来看下jsperf上同几个主流模板引擎的性能对比。

通过上图，我们可以清晰看到Juicer在性能上的优势。下面就来详细介绍下Juicer。

一、安全性

Juicer对数据输出做了安全转义，避免执行恶意JS代码。如下

如果JSON数据是第三方接口返回或者含有用户输入(像BBS、评价)的内容，第一种代码写法就很容易执行恶意代码。当然，如果不想被转义，可以使用$${varname}。

二、错误处理

错误处理可以避免模板引擎编译错误时引发后续js代码停止执行。而Juicer在遇到一些JSON数据的偶发错误时，只会在控制台打出一句警告(Warn)告知开发者模板解析出现错误，而不会影响后续代码的执行。

如此高效的模板引擎，你是否已经蠢蠢欲动了?

本文由郑州墙绘：整理发布。