使用Closure编译器和Underscore.js _.template

时间:2011-11-07 20:31:47

标签: google-closure-compiler underscore.js

有没有办法在服务器上编译Underscore.js模板让Closure编译器使用生成的代码?

主要问题是_.template

_.template = function(str, data) {
    var c  = _.templateSettings;
    var tmpl = 'var __p=[],print=function(){__p.push.apply(__p,arguments);};' +
        'with(obj||{}){__p.push(\'' +
        str.replace(/\\/g, '\\\\')
        .replace(/'/g, "\\'")
        .replace(c.interpolate, function(match, code) {
            return "'," + code.replace(/\\'/g, "'") + ",'";
        })
        .replace(c.evaluate || null, function(match, code) {
            return "');" + code.replace(/\\'/g, "'")
                .replace(/[\r\n\t]/g, ' ') + "__p.push('";
        })
        .replace(/\r/g, '\\r')
        .replace(/\n/g, '\\n')
        .replace(/\t/g, '\\t')
        + "');}return __p.join('');";
    var func = new Function('obj', tmpl);
    return data ? func(data) : func;
};

生成带有with语句的JavaScript。两条明显的路线是:

  1. 修改Underscore.js的_.template不生成withs
  2. 强制关闭玩好
  3. 第二种选择是否可行?

1 个答案:

答案 0 :(得分:2)

通常,JS引擎在没有“with”的情况下表现更好,因此如果没有“with”生成它是一个可能是最佳解决方案的选项。

否则您的选择取决于您是否希望使用Closure Compilers ADVANCED模式。在SIMPLE模式下,编译器不会重命名模板上的属性,并假设任何未声明的变量都是全局变量。因此,只要您的模板对象不会导致任何局部变量被遮蔽,它就可能“正常工作”。