バックボーンアプリケーションのブートストラップ

Question

私はこれを行う方法についていくつかの方法を見てきましたが、どちらが正しい方法であるか決して決めることはできません。

Jeffrey Way from NetTuts+およびAddy Osmaniは、アプリケーションを開始するために「メイン」アプリケーションビューをインスタンス化します。

require(['views/app'], function(AppView) { 
    new AppView(); 
}); 

Ryan Bates from Railscastsは、その後のリクエストを処理するルータをインスタンス化することにより、自分のアプリケーションを起動します：

window.App = 
    Models: {} 
    Collections: {} 
    Views: {} 
    Routers: {} 

    init: -> 
     new App.Router() 
     Backbone.history.start() 
    } 
} 

$(document).ready -> 
    App.init() 

は、アプリケーションをブートストラップのこれら二つの方法の間の重要な違いはありますか？

Ryan Batesが彼のモデル、ビューをすべて添付するAppオブジェクトを作成するのはかなり好きです...しかし、彼はCoffeeScriptを使用しますが、このオブジェクトがどのように処理されるかに違いがあるかどうかはわかりません。私はこれを試してみましたが、私はそれがRequireJSで動作させることができなかった：

define(['backbone', 'loginView'], function(Backbone, LoginView) { 
    var Router = Backbone.Router.extend({ 

    routes: { 
     '': 'index' 
    }, 

    index: function() { 
     var loginView = new LoginView(); 
    } 

    }); 

    return Router; 
}); 

そして、私のloginView：

require(['jquery', 'backbone', 'router'], function ($, Backbone, Router) { 
    window.App = { 
     Models: {}, 
     Collections: {}, 
     Views: {}, 
     Aggregator: _.extend({}, Backbone.Events), 
     Hook: $('#application'), 
     Router: Router, 

     init: function() { 
      new App.Router(); 
      Backbone.history.start(); 
     } 
    } 
    $(document)ready(function() { 
     App.init(); 
    }); 
}); 

は、私は、インデックスのルートがヒットしますloginViewを作成する簡単なルータを持っています。

：

define(['backbone'], function(Backbone) { 
    var LoginView = Backbone.View.extend({ 

    }); 



    return LoginView; 
}); 

作業のライアン・ベイツ道をたどるために、私のような何かをやってみたかったです0

が、私は、これは彼がのCoffeeScriptで何をするかとどのように異なるかをかなりよく分からない：

class App.Views.LoginView extends Backbone.View 

私はLoginViewのinitialize方法でコンソールに「アプリケーション」をログに記録、私は私のメインのオブジェクトを取得.jsファイル、App.Viewsオブジェクトに何かを添付しようとすると、App.Viewsが定義されていないと表示されます。ここで何か間違っているのでしょうか？

Answer 1

あなたが作成しているときは：あなたはcoffee to jsからそれを変換することにより、CoffeeScriptのを確認することができます

class App.Views.LoginView extends Backbone.View 

：

App.Views.LoginView = Backbone.View.extend({}); 

をそれはかなり異なっです

var __hasProp = {}.hasOwnProperty, 
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; }; 

App.Views.LoginView = (function(_super) { 

    __extends(LoginView, _super); 

    function LoginView() { 
    return LoginView.__super__.constructor.apply(this, arguments); 
    } 

return LoginView; 

})(Backbone.View); 

私は思いますtodomvc's backbone-require setupのレポをチェックすることをおすすめします。

私は窓などに付着していないグローバルAppオブジェクトの両方に緩く基づいて、CoffeeScriptのtodo setupが、コレクションを保持するために、サブオブジェクトを使用して、モデル、ビュー