Question

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<script
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script
    src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
</head>
<body>

    <button id="cmd_create_event" name="cmd_create_event" type="button">Create
        a new `Event`</button>

    <script type="text/javascript">
        var EventModel = Backbone.Model.extend({
            initialize : function() {
                console.log("`Event` is initialized. id: " + this.cid);

                this.bind("change:status", function() {
                    console.log(this.get("status") + " is now the value for `status`");
                });

                this.bind("error", function(model, error) {
                    console.error(error);
                });
            },
            defaults : {
                "status" : 0
            },
            validate : function(attrs) {
                if (attrs.status <= 0)
                    return "invalid status";
            }
        });

        var EventList = Backbone.Collection.extend({
            initialize : function() {
                console.log("`EventList` is initialized");
            },
            model : EventModel,
            add : function(event) {
                console.log("`Event` added to `EventList`.");
            }
        });

        var EventView = Backbone.View.extend({});

        $(document).ready(function() {
            var event_list = new EventList();

            $("#cmd_create_event").click(function() {

                // GENERATION METHOD #1:
                /*var event = new EventModel();
                event.set({
                    status : 1
                });
                event_list.add(event);*/

                // GENERATION METHOD #2:
                event_list.add({
                    status : 1
                });

            });
        });
    </script>

</body>
</html>

在上面的代码中，我使用两种方法将EventModel添加到EventList。

方法＃1触发EventModel.initialize()，而方法＃2则不触发。{/ p>

docs says可以像方法＃2一样添加一个对象，那么，为什么我不能像对待new EventModel()一样构建对象？引用文档：

如果定义了模型属性，您还可以传递原始属性对象，让它们成为模型的实例。

Answer 1

使用第一种方法，实际上是调用模型的构造函数

var event = new EventModel();

使用第二种方法，您只需将{ status: 1 }传递给之前定义的EventList.add方法，该方法仅记录到控制台并且不执行任何操作。

如果你打电话

Backbone.Collection.prototype.add.call(this, event);

在您的EventList.add方法中，Backbone会根据传递的数据创建一个新的模型实例，并且会调用initialize()（因为您在定义model时指定了EventList属性。

backbone.js Collection.add（）不是`construct`（`initialize`）一个对象

1 个答案: