javascript – 网站名称空间设置和页面特定对象等的建议

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 网站名称空间设置和页面特定对象等的建议，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2590字，纯文字阅读大概需要4分钟。

内容图文

我想创建一个名称空间或全局对象,它将保存站点范围内使用的函数等.

此外,在特定页面上,我想创建一个对象,该对象将根据当前页面保持状态,如果用户已登录,如果是,则我将根据当前用户提取状态信息.

这个建议模式是什么？

解决方法:

JavaScript没有名称空间.但是,当我们大多数人在JavaScript的上下文中引用命名空间时,我们真正的意思是以模块化的方式将我们的函数和数据存储在对象中,而不会混淆全局上下文.

有几个库处理依赖项管理和脚本加载,但我现在不打算讨论任何一个：

要创建命名空间,必须首先在全局上下文中创建一个对象.

创建命名空间：

在最基本的层面上,这很简单：

window["MyOrg"] = {};

通常,您的基础对象不具有任何数据或功能,而是由子模块组成.创建子模块的最基本形式几乎相同：

MyOrg.submodule = {}

您可以将此模式扩展到您想要的任何级别.例如MyOrg.submodule.tools.usefulFunction

注意：如果要将模块和子模块定义在可以以任意顺序加载的不同文件中,则必须首先检查您的命名空间(以及任何父模块)是否存在,以便1)您不会收到错误定义你的模块和2)所以你不要覆盖任何模块,但要增加它们.

例如,如果您要定义MyOrg.submodule模块,则需要包括：

var MyOrg = MyOrg || {};
MyOrg.submodule = MyOrg.submodule || {};

现在您已经设置了子模块,您可以使用预期的表示法轻松地为其分配成员：

MyOrg.submodule.add = function (x, y) {
   return x + y;
}

MyOrg.submodule.CONSTANT = 42;

如果您可以保证第一次定义子模块(没有覆盖任何东西的风险),您还可以使用：

MyOrg.submodule = {
   add: function (x, y) {
      return x + y;
   },
   CONSTANT: 42
};

“先进”的方法

好的,你应该得到它的要点.但是,您可以遵循稍微更高级的模式,尤其是“模块模式：”

MyOrg = MyOrg || {};
MyOrg.submodule = (function () {
    /* any variables (incl. functions) in here are effectively private -- they 
       cannot be accessed or modified unless they are explicitly exposed. */
    var privateVariable = 42; 

    /* We return an object that will define the public API. Functions defined 
       in this object still have access to our "private" scope */
    return {
       getVar: function () {
          return privateVariable;
       },
       setVar: function (value) {
          privateVariable = value;
       }
    };
})();

您使用相同的精确符号来使用模块,但具有私有变量和函数的额外好处：

MyOrg.submodule.setVar(2);
MyOrg.submodule.getVar(); // 2

关于你的第二个问题,有几种方法可以做到这一点.

首先,您可以在服务器端添加生成javascript,并将相关数据添加到其中.

var MyOrg = MyOrg || {};
MyOrg.userInfo = {
   userName: "<%= @user.user_name %>",
   location: "<%= @user.location %>"
   //etc.
}

您也可以使用AJAX和JSON从客户端从服务器获取它

$.ajax({
   url: "user/getInfo", 
   success: function (data) {
      // data is an object created from a JSON string containing info for the
      // current user, presumably using session data.

      alert(data.userName)
   }
});

如果使用此方法,则可能必须在用户模块中使用回调来获取相关信息,或者可以实现缓存方法(具有不创建如此多服务器请求的额外好处).

内容总结

以上是互联网集市为您收集整理的javascript – 网站名称空间设置和页面特定对象等的建议全部内容，希望文章能够帮你解决javascript – 网站名称空间设置和页面特定对象等的建议所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端