hogan.js如何调试变量

Question

我非常熟悉javascript console.log()，和php_dump()函数，它们允许我们查看变量中的内容，我想知道在hogan.js中是否有这样的函数可以让我们检查变量的内容。

Answer 1

向数据中添加一些方法，并在需要检查范围的位置将其包括在内。

var data = {
  ...
  // your vars,
  ...
  inspect: function () {
    return function () {
      console.log(this);
    }
  }
};

template.render(data);

无论您在何处使用{{ in }}，它都将在控制台中记录当前呈现上下文。

Answer 2

我稍微修改了它，将该函数添加到以集中式位置传递给Hogan的数据包中，在我的代码中，这是一个名为render()的函数。谢谢你这个聪明的伎俩。

function render(template, data, destination) {
    data.inspect = function() {
        return function() {
            console.log("inspect:")
            console.log(this);
        };
    };
    // localized strings
    data.strings = app.strings;
    var tmpl = Hogan.compile(template);
    var content = tmpl.render(data);
    document.querySelector(destination).innerHTML = content;
}