JavaScript链式结构序列化详解(适用于java)

if_else:

if(...){ 
    //TODO 
}else if(...){ 
    //TODO 
}else{ 
    //TODO 
} 

switch:

switch(name){ 
    case ...:{ 
        //TODO 
        break; 
    } 
    case ...:{ 
        //TODO 
        break; 
    } 
    default:{ 
        //TODO     
    } 
} 

疑问：诸如上述这些链式代码，倘若，我们想将其扁平化链式处理呢？如下：

//fn1,f2,f3为处理函数 
_if(fn1)._elseIf(fn2)._else(fn3); 

下面我们就来一起尝试实现下呗。

以下是作者仿照写的代码，其实不论Java，PHP，javascript(前端和后端)还是平面，扁平化真是一个趋势！扁平话代码，扁平化逻辑处理，扁平化的界面！

[html]  view plain  copy

1. var name="qiyulin";  
2.   
3. //判断  
4. if(name=="qiyulin"){  
5.     console.log("I am qiyulin");  
6. }else if(name=="lisi"){  
7.     console.log("He is lisi!");  
8. }else{  
9.     console.log("who are you?");  
10. }  
11.   
12.   
13. //javascrpt的单链表实现 demo1 这样是实现了但是需要每次使用都要初始化一次arr  
14. var f1 = function(name){  
15.       
16.         if(name=='qiyulin') console.log('I am qiyulin');  
17.         else return 1;  
18.       
19. }  
20. var f2 = function(name){  
21.     if(name=='lisi') console.log('He is lisi!');  
22.     else return 1;  
23. }  
24. var f3 = function(){  
25.     console.log("who are you?");  
26. }  
27. var arr = [];  
28. //方法执行  
29. arr.add = function(f){  
30.     if(typeof f=='function'){  
31.         arr.push(f);  
32.         return this;  
33.     }  
34. }  
35. arr.execute = function(){  
36.     for(var i=0;i<this.length;i++){  
37.         if(this[i](name)!=1){  
38.             break;  
39.         }  
40.     }  
41. }  
42. //封装  
43. arr.add(f1).add(f2).add(f3).execute();  
44.   
45. //怎么办呢? 把所有内容包含在一个function中 每次使用则new一下  
46. var tt = function(){  
47.     this.arr=[];  
48.     this.add = function(f){  
49.         if(typeof f=='function'){  
50.             this.arr.push(f);  
51.             return this;  
52.         }  
53.     };  
54.     this.execute = function(){  
55.         for(var i=0;i<this.arr.length;i++){  
56.             if(this.arr[i](name)!=1){  
57.                 break;  
58.             }  
59.         }  
60.     };  
61. }  
62. var tt1 = new tt();  
63. tt1.add(f1).add(f2).add(f3).execute();  
64.   
65. var tt2 = new tt();  
66. tt2.add(f1).add(f3).execute();  
67.   
68. //怎么才能只让他创建一遍呢？  
69. var xx = function(){  
70.     this.arr=[];  
71. }  
72. xx.prototype={  
73.     add : function(f){  
74.         if(typeof f=='function'){  
75.             this.arr.push(f);  
76.             return this;  
77.         }  
78.     },  
79.     execute : function(){  
80.         for(var i=0;i<this.arr.length;i++){  
81.             if(this.arr[i](name)!=1){  
82.                 break;  
83.             }  
84.         }  
85.     }  
86. }  
87.   
88. var $yy = function(){  
89.     return new xx();  
90. }  
91. $yy().add(f1).add(f2).add(f3).execute();  
92. $yy().add(f2).add(f3).execute();  
93. //类似 jquery