JavaScript - 链式调用

在用插件或者其他方法的过程中经常会遇到

run().Style().Show()

类似这样的调用方法形式，Promise、jQuery大多用的就这种形式，看起来可读性强。 一目了然。

这种调用形式就是链式调用。

就是在函数体内最后通过return  this自身的节点使其后面能够继续链式调用。

在执行函数的时候如果没有返回值、系统会默认返回undefined;

(function(){

  var obj = {
	a:1,
	add:function(){
		this.a++;
		return this;
	}  
  } 
  obj.add().add(); 
  {a: 3,add: ƒ}
})();

Function.prototype.watch=function(key,fn){  帮助添加回调this；
        this.prototype[key]=fn;
        return this;
    };

    (function(){
    function ele(){
        
    };

    ele.watch('name',function(){
        console.log('123');
    });
    window.$ = function(){
        return new ele(arguments);
    }
})();

    console.log($());