javascript - 在路由器 Action 中加载组件与路由器初始化之前加载组件的优缺点

Question

这样做的缺点/优点是什么:

define(function(require) {
    var $ = require('jquery'), Backbone = require('backbone'), $content = $("#content");

    return Backbone.Router.extend({
        routes: {
            "":                 "home",
            "employees/:id":    "employee"
        },

        home: function() {
            require(["app/views/Home"], function (HomeView) {
                var view = new HomeView({el: $content});
                view.render();
            });
        },

        employee: function(id) {
            require(["app/views/Employee", "app/models/Employee"], function (EmployeeView, Employee) {
                var employee = new Employee({id: id});
                employee.fetch({
                    success: function (data) {
                        var view = new EmployeeView({model: data, el: $content});
                        view.render();
                    }
                });
            });
        }
   });
});

对此:

(注意第4-6行)

define(function(require) {
    var $ = require('jquery'), Backbone = require('backbone'), $content = $("#content");

    var HomeView = require("app/views/Home"),
        EmployeeView = require("app/views/Employee"),
        Employee = require("app/models/Employee");

    return Backbone.Router.extend({
        routes: {
            "":                 "home",
            "employees/:id":    "employee"
        },

        home: function() {
            var view = new HomeView({el: $content});
            view.render();
        },

        employee: function(id) {
            var employee = new Employee({id: id});
            employee.fetch({
                success: function (data) {
                    var view = new EmployeeView({model: data, el: $content});
                    view.render();
                }
            });
        }
   });
});

Answer 1

选项2会在应用程序启动时将所有依赖项加载到内存中(无论是否使用)；选项 1 将在调用路由并且需要模块时动态加载依赖项。

我觉得选项 1 更好。