用了很多的Javascript框架,偶尔也会去看一下框架的源码,经常会看到这样的代码:
isArray : function(v){
return
toString.apply(v)
===
'
[object Array]
'
;
},
isDate : function (v){
return toString.apply(v) === ' [object Date] ' ;
},
isObject : function (v){
return !! v && 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 ' ;
}
},
isDate : function (v){
return toString.apply(v) === ' [object Date] ' ;
},
isObject : function (v){
return !! v && 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]);//用到了闭包
}
" 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);
}
所以有时候写一些方法功能类似的方法可以考虑这种写法, 饿了,吃饭去了,这次就介绍到这里了, 下回再聊。