在 Jade 视图中使用 javascript 代码 - if(variable) 显示未定义而不是传递

Question

所以这是一个反复出现的问题，我没有找到另一个例子，所以这里是：

渲染 Jade 模板时，即使使用 -if(variableName)<，我也会得到 'variableName' undefined /code> 在模板中。

示例（我将其用作“info”闪存消息的一部分）：

-if(info)
  - if(info.length){
   ul
   -info.forEach(function(info){
     li= info
  -})
-}

这将返回“info”未定义，而不是在没有闪存/信息消息时不渲染任何内容。有谁知道我做错了什么？

我知道如上所述的 typeof(variable) != 'undefined 选项。如果我想做类似 -if (typeof(req.session.user) != 'undefined') 的事情，我就必须做 3 个嵌套的 `if (typeof(req) != 'undefined'这是我唯一的选择吗？

Answer 1

尝试 if(typeof info !== "undefined")。

我不太确定，但我认为他们使用 with 将变量注入到您的视图范围中。

with({}) {
    if (foo) {
         console.log("foo"); // fails foo is not defined.
    }
}

with({}) {
    if (typeof foo !== "undefined") {
         console.log("foo"); // no error
    }
}

Answer 2

是的，大多数模板引擎将整个编译的模板函数包装在 with 语句中。可以通过在解析模板时考虑变量来做到这一点，但我认为几乎所有模板引擎都使用 with()。

一种解决方案是在渲染该模板时始终确保“信息”始终位于局部对象中。您可以通过显式将 info 设置为 undefined 或任何其他错误值来做到这一点。

var locals = { info: undefined, ... };

Answer 3

只需指定变量值 IF 变量未定义：

input(name="company[name]" type="text",placeholder="Name",value="#{company.name || ''}")

Answer 4

而不是：

var params = {
    "info": [
        "a value"
    ]
};

-if(info)
  - if(info.length){
   ul
   -info.forEach(function(info){
     li= info
  -})
-}

使用：

var params = {
    "namespace": {
        "info": [
            "a value"
        ]
    }
};


-if(namespace.info)
  - if(namespace.info.length){
   ul
   -namespace.info.forEach(function(info){
     li= info
  -})
-}

由于“命名空间”将始终存在，并且您可以引用 Object.key 而不会出现“未定义”错误，因此这对您来说会更好。

-杰夫