Question

我在requirejs / backbonejs应用程序中面临一个奇怪的问题。我有一个Globals.js文件，它返回可重用的实用程序。它看起来像这样。

define(
['newapp/routers/index', 'newapp/controllers/index', 'newapp/utilities'],
function(Router, Controller, Utilities) {
    return {
        router: new Router({controller: Controller}),
        utilities: Utilities,
        navigate: function(path, opts) {
            this.router.navigate('app/' + path, opts);
        }

    }

})

当我在返回Backbone Views的模块中需要此模块时，它能够将Globals解析为对象并在其上调用方法。但是，当我尝试将其包含在返回另一个对象的模块中时，它已解析为undefined。

例如，下面的代码能够将Globals解析为它公开的属性

define(
['marionette', 'templates', 'newapp/globals', 'newapp/views/Loader'],
function(M, T, Globals, mixins){
    "use strict";

    return M.ItemView.extend(
        _.extend({}, mixins, {

            template: T.brandPageInfo,
            events: {
                'click #getProductsForBrands': 'getProductsForBrands',
                'click button[id^="goto__"]': 'actionOnGotoButtons'
            },
            onRender: function() {
                this.flatIconsOnHover();
            },
            getProductsForBrands: function(e) {
                e.preventDefault();
                var searchQuery = this.model.get('name');
                Globals.navigate('search?q=' + searchQuery, {trigger: true});
            }
        })
    )
})

但下面的代码会出错：Globals为undefined

define(
[
    'newapp/collections/Boards', 'newapp/globals'
],
function(
    BoardsCollection, Globals
    ) {
    var boardsList;

    return {
        ensureBoardList: function() {
            var defer = $.Deferred();

            if (!boardsList || (boardsList && !boardsList.length)) {
                boardsList = new BoardsCollection();
                boardsList.fetch({
                    data: {_: (new Date()).getTime()},
                    success: function (boardsListCbData) {
                        boardsList = boardsListCbData;
                        defer.resolve(boardsList);
                    }
                })
            } else {
                defer.resolve(boardsList);
            }

            return defer.done(function (boardsList) {
                //make the boardsList usable for direct UI rendering by any view
                return Globals.utilities.getFormattedBoardsCollection(boardsList);

            });
        }


    }
})

如何在第二个示例中访问Globals？

Answer 1

确保您没有任何循环依赖，例如：

globals取决于newapp/controllers/index
newapp/controllers/index取决于您显示的最后一个模块（我们称之为模块M）
模块M取决于全局

由于每个模块都依赖于另一个模块，因此RequireJS唯一可以做的就是将其中一个设置为undefined以“打破循环”并使其他模块加载。

据我所知，这是你问题的最可能来源，而不是你要返回另一个对象的事实。

requirejs包括在另一个类似模块中返回对象的模块

1 个答案: