Backbone.js模型默认和解析

Question

我有这个Backbone.Model代表Google Books API卷:

    var Book = Backbone.Model.extend({

    defaults: {
        volumeInfo : {
            title: 'n.a.',
            authors: 'n.a.',
            publisher: 'n.a.',
            publishedDate: 'n.a.',
            imageLinks : {
                smallThumbnail: '/unavailable.jpg'
            }
        }
    },

    parse: function(resp) {
        if (resp.volumeInfo.authors) {
            resp.volumeInfo.authors = resp.volumeInfo.authors.join(',');
        }
        return resp;
    }
});

哪个被送到这个模板:

<script type="text/template" id="bookCollectionRow">
    <tr>
        <td><img class="thumbnail" src="<%= volumeInfo.imageLinks.smallThumbnail %>" /></td>
        <td><a target="_blank" href="<%= volumeInfo.canonicalVolumeLink %>"><%= volumeInfo.title %></a></td>
        <td><%= volumeInfo.authors %></td>
        <td><%= volumeInfo.publisher %></td>
        <td><%= volumeInfo.publishedDate %></td>
    </tr>
</script>

在解析模板时,当卷JSON不包含imageLinks我收到此错误时:

Uncaught TypeError: Cannot read property 'smallThumbnail' of undefined.

我知道我可以通过与检查修复它if在Model或template但有什么目的defaults模型属性呢？这是否只有在没有超越的情况下才有效parse？

Answer 1

一些东西.首先,您通常不应该将嵌套对象作为主干模型属性 - 如果您可以始终以原子方式处理该属性,则可以是正常的,但这是一个完美的例子.从数据模型的角度来看,imageLinks应该是它自己的骨干模型类,就像volumeInfo一样.

其次,如果默认值是对象文字({})而不是函数,则相同的对象将用作每个模型实例的默认attrs.我想你想要这个:

defaults: function(){
    return {
        volumeInfo : {} // should be new VolumeInfo({}) imo
    };
},

但是数据模型是一个更大的问题 - .defaults没有做你想要的那种嵌套对象模板的东西,并且有充分的理由:它不能很好地工作,这只是第一个如果你不保持你的实例数据非常平坦,你会遇到很多陷阱.