您的位置:知识库 » Web前端

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

作者: EasyJS Framework  来源: 博客园  发布时间: 2011-02-28 14:53  阅读: 933 次  推荐: 0   原文链接   [收藏]  

  用了很多的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);

}

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

0
0
标签:javascript

Web前端热门文章

    Web前端最新文章

      最新新闻

        热门新闻