|
一、链式调用
链式调用方法有很多如angular中的http请求方法:$http.get(url).success(fn).error(fn);
1、最常见的实现方法就是return this;每次都返回当前对象
<span>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();
//链式调用
</span>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是开始执行任务的标志！
| 
转播
