码迷,mamicode.com
首页 > 编程语言 > 详细

方法的链式调用【参考javascript设计模式第6章】

时间:2014-06-28 23:12:29      阅读:320      评论:0      收藏:0      [点我收藏+]

标签:style   java   get   使用      javascript   

对应经常使用jquery的朋友,方法的链式调用应该是已经很属性了,书上有模拟出一个很简单的类库代码,

见代码如下:

Function.prototype.method = function(name,fn){

  this.prototype[name] = fn;

  return this;

};

(function(){

  function _$(els){

    ........

  }

  /*Events  addEvent getEvent*/

  _$.method("addEvent",function(type,fn){

    .....

  }).method("getEvent",function(e){

    ......

  }).

  /*DOM replaceClass hasClass getStyle setStyle*/

  method("addClass",function(className){

    ......

  }).method("removeClass",function(className){

    ......

  }).

  /*Ajax load*/

  method("load",function(uri,method){

    ......

  });

  window.$ = function(){

    return new _$(arguments);

  }

})();

使其能支持链式调用,即在最后都return this,如果想把getter器也返回this,则只需要把取值器后的操作做到回调里,即:

function Person("name"){

  this.name = name;

}

Person.prototype = {

  setName:function(name){

    this.name = name;

    return this;

  },

  getName:function(func){

    func.call(this,name);

    return this;

  }

};

var p1 = new Person("sammy").setName("lulu").getName(console.log);

 

总结:

链式调用有助于简化代码编写工作,使代码更加简洁,易读,

 

 

 

 

方法的链式调用【参考javascript设计模式第6章】,布布扣,bubuko.com

方法的链式调用【参考javascript设计模式第6章】

标签:style   java   get   使用      javascript   

原文地址:http://www.cnblogs.com/samKR/p/3794253.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!