JS命名空间

命名空间namespace

1.对象字面量

var MYNAMESPACE = { 
       person: function(name) {
       this.name = name;
       this.getName = function() { 
            return this.name; } 
      }
};

使用:

var p = new MYNAMESPACE.person("asd");
p.getName(); // asd

嵌套命名空间:

var MYNAMESPACE = { 
    PEOPLE: {
         person: function(name) {
             this.name = name; 
             this.getName = function() {
                   return this.name;
             } 
         } 
    }, 
    PET: {
         dog: function(petName) {
             this.petName = petName; 
             this.getPetName = function() {
                   return this.petName; 
              } 
         } 
    }
};

嵌套的使用:

var p=new MYNAMESPACE.PEOPLE.person('asd');
console.log(p.getName());  //  asd

2.构造函数
我们有可能覆盖全局空间中的同名对象。因此我们需要在声明命名空间前进行检查,保证全局空间的安全。若全局空间中已有同名对象,则不覆盖该对象;否则创建一个新的命名空间.

var MYNAMESPACE = MYNAMESPACE || {};
MYNAMESPACE.person = function(name) { 
    this.name = name;
};
MYNAMESPACE.person.prototype.getName = function() { 
     return this.name;
};
// 使用方法
var p = new MYNAMESPACE.person("asd");
p.getName(); // asd

**注意在定义命名空间构造函数方法时,需要将其定义在prototype上,否则新建的实例无法访问对象的方法。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 命名空间namespace(某些语言中叫package),是一个在静态语言中常见的概念。它可以帮助我们更好地整理代...
    ifcode阅读 24,183评论 1 28
  • 如何避免JS冲突 A:匿名函数在多人合作一个网站时,每个人都会写自己的JS代码,定义变量的时候有可能会引起命名冲突...
    疾风劲草ccy阅读 1,132评论 0 1
  • 1)如何避免JS冲突 A:匿名函数 在多人合作一个网站时,每个人都会写自己的JS代码,定义变量的时候有可能会引起命...
    乖乖果效36阅读 329评论 0 0
  • 一、 为什么需要命名空间(问题提出) 命名空间是ANSIC++引入的可以由用户命名的作用域,用来处理程序中 常见的...
    IvanRunning阅读 2,390评论 0 2
  • 1.使用javascript通过FireFox输出log 1.参照12.参照23.参照3 2.string转int...
    PeterWang2017阅读 191评论 0 1