如何在客户端玉器compile（）中使用“ locals”选项？

Question

我正在努力实现的目标

服务器是Node.js应用程序。 我想作为Jade模板助手（对于函数）或全局变量（对于对象/变量）与客户端共享代码 。 每个客户端模板中都应提供新的帮助程序和全局变量。 这个问题不是关于在服务器端使用jade时向Jade添加助手的问题。

编码

我为Jade compile()函数编写了RequireJS包装器，在options内部传递了locals对象（填充有要共享的属性）：

// ./wrappers/jade.js
define(['jade', 'moment', 'lodash'], function (Jade, moment, _) {
    return {
        compile: function (str, options) {
            options.locals = _.extend({
                moment: moment,                    // moment function
                bar: 'foo',                        // Custom bar variable
                foo: function () { return 'bar'; } // Custom foo function
            }, options.locals);

            return Jade.compile(str, options);
        }
    };
});

问题与怪异

当我尝试使用moment ，效果很好 ：

p!= moment().format() //- Works: <p>2013-07-10T13:57:12+02:00</p>

但是，访问自定义变量bar 不会给我任何错误，但会出现一个空的<p> ：

p #{bar} //- No errors but: <p></p>

当我尝试调用自定义函数foo() ， 给我一个错误 （“ undefined不是一个函数 ”）：

p= foo() //- Uncaught TypeError: undefined is not a function

那么，我应该如何使用（客户端）Jade compile()函数中的locals选项在服务器和客户端之间共享代码？

更新

更新1 ：根据@explunit注释，将属性moment重命名为localmoment （在options.locals内部），给我一个未定义的错误，不是模板p= localmoment().format() 的函数 。 我不明白为什么...

更新2 ：@Isaac Suttell提出的解决方案（用表达式函数代替匿名函数）不起作用，我在p= foo()遇到了同样的错误。

Answer 1

调用moment().format()仅在于moment是一个全局变量，因此根本不会将其传递到模板中。

我知道将函数添加到模板中的唯一方法是通过自身的模型。 可能有更好的方法，但是我可以使用它。

define(['jade', 'moment', 'lodash'], function (Jade, moment, _) {
    return {
        compile: function (str, options) {
              var compileFunction = Jade.compile(str, options);
              return function(){
                  // augment the model with the functions/vars you need
                  arguments[0] = _.extend(arguments[0] || {}, {
                    foo: function() { return "bar"; },
                    bar: "foo"
                  });
                  return compileFunction.apply(null, arguments)
              }
        }
    };
});

然后，如果您这样定义模板

p #{bar}
p= foo() 

一切都应该很好地工作。

Answer 2

尝试将函数定义为表达式函数而不是匿名函数：

define(['jade', 'moment'], function (Jade, moment) {
    return {
        compile: function (str, options) {
            var bar = function () { return 'bar'; }; // Function defined here instead
            options.locals = _.extend({
                'moment': moment,
                'foo': bar
            }, options.locals);

            return Jade.compile(str, options);
        };
    }
);