JavaScript设计模式：方法的链式调用

链式调用起始只不过是一种语法，它让我们可以通过重用一个初始操作，来达到用少量代码表达复杂操作的目的。

栗子：设置宽度然后显示元素

// 不用链式操作：
setWidth(someObject,"30px");
someObject.show();

// 采用链式操作
someObject.setWidth("30px").show();

是不是简介了很多？

调用链的结构

我们只要在函数的结尾再次返回调用这个函数的对象，那么就可以继续调用其他函数，这也就是我们所提到的链式结构。

栗子：

(function(){
    function _$(){...}
    _$.prototype.each = function(fn){
        ...
        return this;//important!
    }
    _$.prototype.show = function(userBoolean){
        ...
        return this;//important!
    }
    ...
    window.$ = funtion(){
        return new _$(arguments);
    };
})();

以return this结尾的函数，最后会返回调用函数的对象，这样，就可以利用这个对象继续进行函数调用，形成链式调用：

someElements.each(something).show(true).someOtherFunctions()...

使用回调函数从支持链式调用的方法中获得数据

虽然使用链式调用很方便简洁，但是有的时候使用链式调用却并不是好主意。（就好像曹操把船连起来不是什么好主意）。链式调用更适合赋值或者单纯的操作方法，但是如果是取值方法，我们希望函数返回的是我们需要的数据而不是this。

在这种情况下，如果你依旧希望使用链式调用，那么方法就是使用回调函数。

window.api = window.api || function(){
    var myName = "Emily";
    this.setName = function(name){
        myName = name;
        return this;
    }
    this.getName = function(callback){
        callback.call(this,name);
        return this;
    }
};