javascript - 如何将 RequireJS 与 Backbone、Firebase 和 Backfire 结合使用

Question

我正在尝试在一个项目中同时使用 RequireJS、Backbone、Firebase 和 Backfire，但入门非常困难。这是一个简单的例子:

ma​​in.js

require.config({
    paths: {
        backbone: 'backbone',
        backfire: 'backfire',
        firebase: 'firebase',
        underscore: 'underscore',
        jquery: 'jquery',

        test: 'test'
    },

    shim: {
        'firebase': {
            exports: 'Firebase'
        },

        'underscore': {
            exports: '_'
        },

        'backbone': {
            deps: [ 'underscore', 'jquery' ],
            exports: 'Backbone'
        },

        'backfire': {
            deps: [ 'backbone', 'firebase', 'underscore' ]
        }
    }
});

requirejs([ 'test' ]);

test.js

define([ 'backbone', 'firebase', 'backfire' ], function( Backbone, Firebase ){
    var Person = Backbone.Model.extend({
        defaults: function() {
            return {
                fName: 'John',
                lName: 'Doe'
            };
        }
    });

    var database = Backbone.Firebase.Collection.extend({
        model: Person,

        firebase: new Firebase( 'https://ref.firebaseio.com' )
    });

    console.log( typeof database ); // function

    // The following throws "Uncaught TypeError: undefined is not a function"
    database.add( new Person({ fName: 'Matthew', lName: 'Hasbach' }));
});

如果您能提供任何帮助，我们将不胜感激。

Answer 1

您需要首先实例化您的集合(使用new)。

var database = new Backbone.Firebase.Collection.extend({
    model: Person,
    firebase: new Firebase( 'https://ref.firebaseio.com' )
});