Javascript中定义方法的另类写法(批量定义Javascript对象的方法)

光明使者

用了很多的Javascript框架，偶尔也会去看一下框架的源码，经常会看到这样的代码：
  

1. isArray : function(v){
   
2.               return toString.apply(v) === '[object Array]';
   
3.         },
   
4.         
   
5.         isDate : function(v){
   
6.             return toString.apply(v) === '[object Date]';
   
7.         },
   
8.         
   
9.         isObject : function(v){
   
10.             return !!v && Object.prototype.toString.call(v) === '[object Object]';
    
11.         },
    
12. 
    
13.         
    
14.         isPrimitive : function(v){
    
15.             return Ext.isString(v) || Ext.isNumber(v) || Ext.isBoolean(v);
    
16.         },
    
17.         
    
18.         isFunction : function(v){
    
19.             return toString.apply(v) === '[object Function]';
    
20.         },
    
21.         
    
22.         isNumber : function(v){
    
23.             return typeof v === 'number' && isFinite(v);
    
24.         },
    
25.         
    
26.         isString : function(v){
    
27.             return typeof v === 'string';
    
28.         },
    
29.         
    
30.         isBoolean : function(v){
    
31.             return typeof v === 'boolean';
    
32.         }
    

复制代码

　　上面是Extjs3.X ext-base.js里面的判断类型的代码，你仔细一看， 会发现有很多相同的东西， 如：
  
is类型:function(v){
   return toString.apply(v) ==="类型";
}

或者
is类型：function(v){
   returntypeof v ==="类型";
}

然而里面的tyoeof 我们可以统一使用 toString方法来判断类型，所有上面的代码可以是同一个类型，即：
  var is类型=function(v){
     return  toString.call(v) ==="类型";
}

　　上面的就是一个模型，对应这个判断的方法体内是一个的方法， 我们可以对他进行简化（但是有个弊端：可读性差），可以大大减少代码，从而可以提高Javascript加载效率，改进后的代码如下：

1. var Easy={}, dataTypes = ["Number", "Boolean", "String", "Array",
   
2.                     "Object", "Function", "Date", "RegExp"];
   
3. var toStr = Object.prototype.toString;
   
4.     var is = function (v, t) {
   
5.         return toStr(o) == "[object " + t + "";
   
6.     };
   
7.     for (var i = 0, len = dataTypes.length, t; i < len; i++) {
   
8.         (function (t) {
   
9.             Easy["is" + t] = function (o) {
   
10.                 return is(o, t);
    
11.             }
    
12.         })(dataTypes);//用到了闭包
    
13.     }
    
14. 
    

复制代码

  　　上面这段代码， 我们就为Easy这个对象创建了8个is开头的判断类型的方法；当然如果有些方法不合理还可以覆盖如：

1. Easy.isNumber=function(v){   
   
2.   return toString.call(v) ==="[object Number]"&& isFinite(v);
   
3. }
   

复制代码

猫性男孩

这个不错，学习了

光明使者

猫性男孩 发表于 2013-3-25 11:04
这个不错，学习了

互相学习,互相学习