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没有做你想要的那种嵌套对象模板的事情，并且有充分的理由：它不能正常工作，这只会是如果你不保持你的实例数据非常平坦，那么你将遇到许多陷阱中的第一个。

Backbone.js模型默认和解析

1 个答案: