Javascript - 检查文本/模板脚本中是否存在字段

Question

我有一个 text/template 类型的脚本，其中显示从 ElasticSearch 数据库检索到的一些值。我的脚本如下所示:

<script type="text/template" id="script1">
    <div style="color:black;"><%= highlight.field1 %></div>
</script>

但是，有时未定义此突出显示值，我想改为显示 _source.field1。我最初的猜测是添加一个 try catch，但这行不通:

<script type="text/template" id="script1">
    <div style="color:black;"><%= try{ highlight.field1 } catch(e) { _source.field1 } %></div>
</script>

稍后编辑:突出显示并不总是可用。相反，_source 字段始终可用。

此外，我正在使用 backbone.js，并在 views.js 中定义:

    DocumentView = Backbone.View.extend({  
        tagName : "div",  
        className: "document well",
        initialize: function() {
            this.model.bind('change', this.render, this);
            this.model.bind('destroy', this.remove, this);
            },
        template: [_.template($("#script1").html())],
        render : function() {
            this.$el.html(this.template[0](this.model.toJSON())); 
            return this;
        }
     });

模型是:

{
  "_index": "index1",
  "_type": "doc",
  "_id": "id1",
  "_score": 10.139895,
  "_source": {
    "field1": "fieldValue1"
  },
  "highlight": {
    "field1": [
      "highlightedFieldValue1"
    ]
  }
}

还有其他建议吗？

Answer 1

我认为在我们的例子中 try..catch 是开销，你可以使用 logical expressions

  <script type="text/template" id="script1">
    <div style="color:black;">
      <% if (typeof highlight !== 'undefined' && highlight.field1) { %>
        <%= highlight.field1.length ? highlight.field1[0] : highlight.field1  %>
      <% } else if (typeof _source !== 'undefined' && _source.field1) { %>
        <%= _source.field1 %>
      <% } %>
    </div>  
  </script>