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

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

  isArray : function(v){

             return  toString.apply(v)  ===   ' [object Array] ' ;
        },
        
        isDate : 
function (v){
            
return  toString.apply(v)  ===   ' [object Date] ' ;
        },
        
        isObject : 
function (v){
            
return   !! &&  Object.prototype.toString.call(v)  ===   ' [object Object] ' ;
        },

        
        isPrimitive : 
function (v){
            
return  Ext.isString(v)  ||  Ext.isNumber(v)  ||  Ext.isBoolean(v);
        },
        
        isFunction : 
function (v){
            
return  toString.apply(v)  ===   ' [object Function] ' ;
        },
        
        isNumber : 
function (v){
            
return   typeof  v  ===   ' number '   &&  isFinite(v);
        },
        
        isString : 
function (v){
            
return   typeof  v  ===   ' string ' ;
        },
        
        isBoolean : 
function (v){
            
return   typeof  v  ===   ' boolean ' ;
        }

 

上面是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加载效率,改进后的代码如下:

 

 

var Easy={},  dataTypes  =  [ " Number " " Boolean " " String " " Array " ,
                    
" Object " " Function " " Date ", "RegExp"];
var  toStr  =  Object.prototype.toString;
    
var  is  =   function  (v, t) {
        
return  toStr(o)  ==   " [object  "   +  t  +   " ] " ;
    };
    
for  ( var  i  =   0 , len  =  dataTypes.length, t; i  <  len; i ++ ) {
        (
function  (t) {
            Easy[
" is "   +  t]  =   function  (o) {
                
return  is(o, t);
            }
        })(dataTypes[i]);//用到了闭包
    }

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

 

Easy.isNumber=function(v){     

  return toString.call(v) ==="[object Number]"&& isFinite(v);

}

 

 

所以有时候写一些方法功能类似的方法可以考虑这种写法, 饿了,吃饭去了,这次就介绍到这里了, 下回再聊。 

 

 

转载于:https://www.cnblogs.com/Easyjs/archive/2011/02/25/1965267.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值