node.js - 如何在Jade模板引擎中正确输出变量？

Question

我使用了诸如 a(href="#{settings.url}") 这样的链接，但有人告诉我我可以这样做 a(href=settings.url) code>，这是一个更好的解决方案(虽然我不明白其中的区别)。

但现在我对另一个用例有疑问。如果有的话我应该使用哪一个？为什么？

1. link(rel="stylesheet", href="#{settings.url}/assets/css/main.css")

2. link(rel="stylesheet", href=settings.url + "/assets/css/main.css")

Answer 1

我想说这并不是一个非常重要的区别，但让我们看看幕后:

第一个示例:

link(rel="stylesheet", href="#{locals.url}/assets/css/main.css")

有数据

{ url: 'www.example.com' }

生成此代码

function template(locals) {
    var buf = [];
    var jade_mixins = {};
    buf.push('<link rel="stylesheet"' + jade.attr("href", "" + locals.url + "/assets/css/main.css", true, false) + "/>");
    return buf.join("");
}

和这个 HTML

<link rel="stylesheet" href="www.example.com/assets/css/main.css"/>

第二:

link(rel="stylesheet", href=locals.url + "/assets/css/main.css")

将(使用与上面相同的数据)产生

function template(locals) {
    var buf = [];
    var jade_mixins = {};
    buf.push('<link rel="stylesheet"' + jade.attr("href", locals.url + "/assets/css/main.css", true, false) + "/>");
    return buf.join("");
}

并生成 HTML(令人惊讶!):

<link rel="stylesheet" href="www.example.com/assets/css/main.css"/>

经验教训:
您会看到两种“方法”的差异很小(请参阅第一个示例中的 ""+)。因此，使用你最喜欢的任何东西。