Question

在我的应用中，我为我的应用创建了一个全球空间socialApp。甚至在我调用initialize方法之前，我就像这样在窗口中声明socialApp：

define([
    'jquery',
    'underscore',
    'backbone',
    'marionette',
    'scripts/appRoutes',
    'scripts/app/appModel',
    'scripts/app/layout/appLayout'], 
    function ($,_,Backbone,Marionette,Routes,appModel,appLayout) {
    "use strict";

    socialApp = window.socialApp || {}; // i am declared the socialApp here.
    socialApp = new Backbone.Marionette.Application();

    socialApp.addInitializer(function(options) {
        socialApp.NewRoute = new Routes;
        socialApp.GenModel = new appModel({router:socialApp.NewRoute}); //i am getting error saying "Uncaught ReferenceError: socialApp is not defined" - why?
        socialApp.Layout = new appLayout();
        socialApp.Layout.render();
        Backbone.history.start();
    });

总是没有发生，但有些实例我得到了这个错误。如何解决这个问题？

我在appModel中声明的

：

define(['jquery','underscore','backbone','marionette'], 
    function ($,_,Backbone,Marionette) {
    "use strict";
    socialApp = window.socialApp || {}; //exactly i am getting error from here on refresh some times..
    socialApp.Model = Backbone.Model.extend({
        initialize:function(currentRoute){
            this.router = currentRoute.router;
        }
    });
    return socialApp.Model;
});

我犯错误的地方？有人想出来吗？

Answer 1

你不能在AMD模块中声明全局变量，socialApp是模块本身的局部变量。因此要么为您的socialApp变量声明一个AMD模块，如下所示：

File: socialApp.js

define(['marionette'], function(Marionette) {
   var socialApp = {};
   return socialApp;
});

并且在您使用它的任何地方都需要socialApp。

File: appModel.js

define(['jquery','underscore','backbone','marionette', 'socialApp'], 
    function ($,_,Backbone,Marionette, socialApp) {

    socialApp.Model = Backbone.Model.extend({
        initialize:function(currentRoute){
            this.router = currentRoute.router;
        }
    });
    return socialApp.Model;
});

或者，如果你坚持全局变量;在窗口中明确声明socialApp。

将socialApp = window.socialApp || {};替换为window.socialApp = window.socialApp || {};。

requirejs - 从全球空间获得问题

1 个答案: