调试underscore.js模板很难没有行号

和源,因为这里描述的并发症可能已经显示出来.

是和否 – 模板首先被翻译成一个字符串(难以阅读)的Javascript代码,并被执行为一个代码块,所以如果你正在寻找一个语法错误,你必须从模板中删除违规代码,试图执行.

但如果是别的东西,嵌入一个<％return __p.join(''); ％GT;将中断执行并返回模板的结果,直到此为止(读取源码以了解为什么,但基本上将模板块的结果逐个放入名为__p的数组中). 您还可以在模板评估时进行日志记录(即在模板中放置<％console.log(<..>)％>以查看诊断.有关更高级的故障排除,您还可以将<％调试器;％>在你的模板代码中放入你最喜欢的调试器,虽然你会看到的代码将不友好地阅读,你可以访问评估模板的范围.

如果我正在做广泛的工作,需要更多的调试工具,那么我可能会拷贝一下undercore.js脚本,并将一些诊断支持代码添加到_.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('');";
  console.log(tmpl.replace(/;/g, '\n')); // <- dump compiled code to console before evaluating
  var func = new Function('obj', tmpl);
  return data ? func(data) : func;
};