6

假设我打开了一个浏览器，并在 JavaScript 中声明了一个全局变量。

window.myGlobalVar = 'Hello!';

然后，我为使用该变量的客户端渲染编译了一个翡翠模板。

.foo= myGobalVar

我这样编译：

jade.compile('.foo= myGobalVar', {
  client: true,
  compileDebug: false
}).toString()

这产生了这个模板函数：

function anonymous(locals) {
    var buf = [];
    var locals_ = (locals || {}),
        myGobalVar = locals_.myGobalVar;
    jade.indent = [];
    buf.push("\n<div class=\"foo\">"
             + (jade.escape(null == (jade.interp = myGobalVar) ? "" : jade.interp))
             + "</div>");;
    return buf.join("");
}

运行时会产生：

<div class="foo">undefined</div>

如您所见，jade 编译器注意到我使用了一个变量，并通过 强制它成为一个局部变量myGobalVar = locals_.myGobalVar;，这掩盖了我实际想要使用的全局变量。

所以我尝试引用window.myGlobalVar和玉然后只是阴影window。

为什么不直接传入我想使用的每个全局变量？那么在运行时我不确定需要什么全局变量。我有几十个全局构造函数，并且将它们全部传入显式将需要相当多的重构。

那么，如何以允许引用 glbal 变量的方式编译客户端翡翠模板？

更新：

我确实在这方面取得了成功。

for (key in window) {
  if (localsObject[key] == null)
    localsObject[key] = window[key];
  }
}

renderTemplate(localsObject);

但是该死的，这会让我感到肮脏吗……肯定有更好的方法吗？

4

1 回答 1

3

您可以将要在翡翠模板中使用的全局变量的名称与选项对象一起传递给编译函数。请参阅玉 api 文档：http: //jade-lang.com/api/

jade.compile(template, { globals: ['globalone','globaltwo']})

请参阅此小提琴以查看它的实际效果：http: //jsfiddle.net/lchngr/J5WJb/5/

于 2014-02-11T21:48:13.027 回答