使用嵌入式 Javascript 语法直接输出到模板

Question

我正在使用 Backbone 和 Underscore 模板。我的代码中有一个 JavaScript if() 条件，看起来像这样：

<div class='faces'>
    <% if(somevalue === true) { %>
       your face
    <% } else { %>
       my face
    <% } %>
</div>

但是我发现这种语法很尴尬，我真的很想使用类似下面的东西，即使它实际上不起作用（用文本替换整个文档）：

<div class='faces'>
    <% if(somevalue === true) { 
        document.write("your face");
    } else { 
        document.write("my face");
    }
</div>

我希望字符串准确地输出在模板中被调用的位置。为了输出一个简单的变量，EJS（和下划线）有一个很好的语法，

<%= somevalue %>

其中 = 是 document.write() 将其输出到模板中的关键部分。我想要完成的事情可能吗？ JavaScript 可以内联输出吗？

Answer 1

有几个选项，您可以使用 <%= %> 和三元：

<%= somevalue == true ? 'your face' : 'my face' %>

或者您可以使用 打印：

您还可以在 JavaScript 代码中使用 print。有时这比使用 <%= ... %> 更方便。

var generated = _.template("<% print('Hello ' + epithet); %>");
编译（{绰号：“傀儡”}）；
=> “你好，跟屁虫。”

所以你可以这样做：

<% if(somevalue == true) { 
    print("your face");
} else { 
    print("my face");
} %>

我假设 if(somevalue = true) 是一个拼写错误，应该是 if(somevalue == true)。