JavaScript中链式调用及惰性调用

一、链式调用

链式调用方法有很多如angular中的http请求方法:$http.get(url).success(fn).error(fn);

1、最常见的实现方法就是return this;每次都返回当前对象

function ClassA(){    this.prop1 = null;    this.prop2 = null;    this.prop3 = null;    
}    
ClassA.prototype = {    method1 : function(p1){    this.prop1 = p1;    return this;    },    method2 : function(p2){    this.prop2 = p2;    return this;    },    method3 : function(p3){    this.prop3 = p3;    return this;    }    
}  
var obj = new ClassA();    
//链式调用  
obj.method1(1).method2(2).method(3); // obj -> prop1=1,prop2=2,prop3=3 

2、以下这种是可以不返回当前对象时采用链式方法：

function chain(obj){    var fn = function(method){    if(arguments.length <= 0){    return fn;    }    var args = Array.prototype.slice.call(arguments, 1);    obj[method].apply(obj, args);    return fn;    }    return fn;    
}   function ClassB(){    this.prop1 = null;    this.prop2 = null;    this.prop3 = null;    
}    
ClassB.prototype = {    method1 : function(p1){    this.prop1 = p1;    },    method2 : function(p2){    this.prop2 = p2;    },    method3 : function(p3){    this.prop3 = p3;    }    
}  
//链式调用模拟方式  
var result = chain(obj)('method1',4)('method2',5)('method3',6)();   // result -> prop1=4,prop2=5,prop3=6  

相比链式调用，惰性调用相当于多了controller进行控制；传统的链式操作格式如下，obj.job1().job2().job3()，如果想连续执行100遍job1-3，那么就要写100遍，或者用for把整个链条断开100次。所以传统链式操作的缺点很明显，函数链中都是job，不存在controller。而一旦加上controller，比如上面的需求我们用简单的惰性调用来实现，那就是obj.loop(100).job1().job2().job3().end().done()。其中loop是声明开启100次循环，end是结束当前这次循环，done是开始执行任务的标志！

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！