Question

我非常熟悉javascript console.log（），以及 php_dump（）函数，它们可以让我们查看变量中的内容，我想要知道hogan.js中是否有这样的函数让我们检查变量的内容。

Answer 1

为您的数据添加一些方法，并将其包含在您需要检查范围的位置

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

template.render(data);

在您使用{{inspect}}的任何地方，它都会在控制台中记录当前的渲染上下文

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;
}

hogan.js如何调试变量

2 个答案: