javascript - ExtJS MVC 在哪里添加全局变量？

Question

我想知道在哪里为 ExtJS 应用程序添加全局变量。我已经查看了 stackoverflow 中的一些建议，其中提到您可以将它们添加到 app.js 中。但是，有人可以更具体吗？我的 app.js 看起来像这样：

Ext.application({

    launch: function() {..}

});

那么，变量到底去哪儿了？在启动功能中？外面Ext.application？

score 15 · Accepted Answer

更好的方法是创建一个单独的类来保存这样的全局常量。然后，您应该根据需要将该常量类放入app.js中。

Ext.define("App.Constants", {
         singleton  : true,   

         BASE_URL : "http://localhost:8080/",
         LABLE_HEADER : "geekrai.blogspot",
         TIMEOUT : 6000 
 });

这将确保加载类，现在您可以访问任何属性/全局值。我在我的博客上也详细提到过：链接

score 7 · Accepted Answer

声明你自己的对象命名空间并将它们添加到那里：

Ext.ns('My.Application.Globals');

My.Application.Globals.SomeValue = 5;
My.Application.Globals.SomeText = 'Hello World!';

然而，除非绝对需要，否则通常不赞成使用全局变量，所以如果可以的话，尽量使用它们。

score 4 · Accepted Answer

我知道你已经接受了一个很好的答案。我只是想添加一种 MVC 方式来包含应用程序可用的命名空间变量。这些“全局变量”有一个警告——你不能在你的类定义中使用它们。这意味着您不能在Ext.define({})方法中引用您的应用程序。它们必须在initComponent方法中或以后使用。

所以这就是我所做的：

Ext.application({
    name:'MyApp',
    appFolder:'js/app',
    controllers:[ 'Main' ],
    autoCreateViewport : true,
    launch:function () {
        console.log("App Launched!");
        MyApp.app = this;   //added this to get reference to app instance. IMPORTANT!    
    }, 
    //variables used throughout the app
    globals:{
        myURL:'http://example.com',
        magicNum:5
    }
});

要使用这些应用程序范围的变量，您需要引用您的应用程序命名空间，因此不会污染全局空间。像这样：

MyApp.app.gloabals.magicNum

score 3 · Accepted Answer

除了可能内置的任何功能之外Ext，您始终可以使用立即函数来创建闭包：

(function(){
    var globalVariable = 'foo';    

    Ext.application({

        launch: function() { alert(globalVariable); }

    });

})();

javascript - ExtJS MVC 在哪里添加全局变量？

4 回答 4

Related

Reference