js模式第五章

命名空间模式

命名空间有助于减少程序中所需要的全局变量的数量，并且同事还有助于避免命名冲突或过长的名字前缀。我们可以创建一个全局对象，将所需的方法，属性添加到这个对象中。避免了变量全局污染。而且同样能避免与第三库的命名冲突。但是同样存在一些缺点：

• 使用的时候，需要附加全局对象这个前缀，增加了很多重复代码。
• 长嵌套名字意味着更长的属性解析查询时间
• 一个全局对象意味着，任何部分的代码都能修改这个全局对象，并且影响所有调用该对象的地方。

通用命名空间函数

当我们往这个全局对象添加一个属性时，可能覆盖之前已经定义的属性了，所有我们在添加时，先得检测这个添加的属性在这个全局对象中是否已经存在。Code：

var MYAPP={};

if(typeof MYAPP === "undefined"){
    var MYAPP={};
}

var MYAPP = MYAPP || {};
复制代码

这种检测一个对象好使，但是检测链式对象时，显得乏力，代码也会变得臃肿。所有我们需要设计一个可以检测链式对象的方法。Code：

MYAPP.namespace('MYAPP.modules.module2');
复制代码

具体的方法实现。Code：

var MYAPP = MYAPP || {};

MYAPP.namespace = function (ns_string){
    var parts = ns_string.split('.'),
        parent = MYAPP,
        i;
    if(parent[0] === "MYAPP"){
        parts = parts.slice(1);
    }

    for(i=0; i < parts.length; i++>){
        if(typeof parts[i] === "undefined"){
            parent[parts[i]]={};
        }
        parent = parent[parts[i]]
    }
    return parent;
};
复制代码

声明依赖关系

在函数或顶部声明代码所依赖的模块是一个很好的方法。因为这种声明仅涉及创建一个局部变量并使其指向所需的模块。Code：

var myFunction = function (){
    var event = YAHOO.util.Event,
        dom = YAHOO.util.Dom;
};
复制代码

这种模式有如下几个优点：

• 显示的依赖声明表明需要的特定脚本已经包含在该页面中。
• 在函数顶部的前期声明可以使页面维护者很容易地发现并解析依赖。
• 解析局部变量的速度总是要比解析全局变量（YAHOO）要快，甚至比使用全局变量的嵌套属性（YAHOO.util.Dom）还要快。
• 将第三方模块赋值给重命名的局部变量，可以拥有更好的代码量，因为我们可以使用更短的局部变量。

私有属性和方法

js中并没有特殊的语法来表示私有、保护、或公共属性和方法。因为js中所有对象的成员都是公共的。

比如我们随便创建一个对象：

var obj{
    name:'nei',
    run:function(){
        console.log('Run');
    }
};

obj.name //公共的，可以随便访问的。
复制代码

即使使用构造函数同样如此：

function Obj(){
    this.name='Nei';
    this.run=function(){
        console.log('run');
    };
}

var o1=new Obj();

o1.name //公共的 可以随便访问的
复制代码

但是有时我们需要私有成员，所以诞生了下面的这些生成私有成员的方法。

私有成员

虽然js本身没有直接创建私有成员的方法，但是我们将变量控制在函数作用域内，保证外部访问不到它，这样一样可以创建私有成员，比如我们创建一个类，在类里面创建一个局部变量，然后用公共方法将它暴露出去，这样我们就可以创建一个私有变量，但是有个公共方法又可以访问到它。

function Nei(){
    var _name='nei';
    this.getName=function(){
        return _name;
    };
}

var n=new Nei();
n.name   //undefined
n.getName() //"nei"
复制代码

模块模式

模块模式就如下几种的集合：

• 命名空间
• 即时函数
• 私有和特权成员
• 声明依赖

沙箱模式

顾名思义就是提供了一个可用于模块运行的环境，且不会对其他模块和个人沙箱造成任何影响。

全局构造函数

命名空间模式中有一个全局对象，在沙箱模式中，我们可以设置一个全局构造函数，创建一个隔离的沙箱环境。Code：

new Sandbox(function(box)){
    ....
});
复制代码

通过添加新特征，使这个模式更先进：

• 通过第三章的强制new模式，可以假设在创建对象是不需要new操作符。
• 构造函数可以接受一个额外的配置参数（或多个），其中该参数指定了对象实例所需要的模块名。希望代码是模块化的，因此绝大部分构造函数提供的功能将被限制在模块中。

静态成员

静态成员分为公有静态成员和私有静态成员

公有静态成员

所谓公有就是直接暴露在对象的属性上，外部可以访问。Code：

var Garget=function(){};

//静态方法
Garget.isShiny=function(){
    return "you bet";
};

//普通方法
Garget.prototype.setPrice=function(price){
    this.price=price;
};

//可以直接调用静态方法
Garget.isShiny();//输出 you bet

//普通方法必须创建一个实例，实例调用
var demo1=new Garget();
demo1.setPrice(12);
复制代码

试图以静态方法调用一个实例方法是无法正常运行的。同样，如果使用实例调用静态方法也是无法正常运行的：

typeof Garget.setPrice; // undefined
typeof demo1.isShiny; // undefined
复制代码

如果静态方法也能够被实例调用，只需重新写一个原型方法即可：

Garget.prototype.isShiny=Garget.isShiny;
demo1.isShiny; // 输出 “you bet”
复制代码

但是要注意这里的this指向问题，执行Garget.isShiny时，this指向Garget。执行demo1.isShiny时，this指向demo1。

我们可以用instanceof确定方法是如何被调用的：

 var Garget=function(price){
     this.price=price
 };

 Garget.isShiny=function(){
     var msg="you bet";

     is(this instanceof Garget){
         msg += ", it costs $"+ this.price + "!";
     }
     return msg;
 };

 Garget.prototype.isShiny=function(){
     return Garget.isShiny.call(this);
 };

 //调用静态方法
 Garget.isShiny; // 输出 "you bet"

 //实例调用
 var d1=new Garget(12);
 d1.isShiny(); // 输出 "you bet,it costs $12!"
复制代码

私有静态成员

私有静态成员具有如下属性：

• 以同一个函数所创建的所有对象共享该成员
• 构造函数外部不可访问。

利用立即执行函数实现一个简单的私有静态成员：

var Garget=(function(){
    var counter=0;
    return function(){
        console.log(counter+=1);
    };
})();

//多次调用
var d1=new Garget(); // 1
var d2=new Garget(); // 2
var d3=new Garget(); // 3
复制代码

现在，我们通过一个特权方法将私有属性暴露出去：

var Garget=(function(){
    var counter=0,
        NewGarget;

    NewGarget=function(){
        counter+=1;
    };

    //私有特权方法
    NewGarget.prototype.getLastId=function(){
        return counter;
    };

    //重写构造函数
    return NewGarget;
})();

//测试
var d1=new Garget();
d1.getLastId(); // 1
var d2=new Garget();
d2.getLastId(); // 2
var d3=new Garget();
d3.getLastId(); // 3
复制代码

静态属性可以包含非实例相关的方法和数据，并且不会为每个实例重新创建静态属性。

链模式

链模式最重要的一个要点，需要显示返回的this对象。