Javascript中定义方法的另类写法(批量定义js对象的方法)
更新时间：2011年02月25日 23:34:01 作者：
用了很多的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';
}
上面是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);
}
所以有时候写一些方法功能类似的方法可以考虑这种写法， 饿了，吃饭去了，这次就介绍到这里了， 下回再聊。
相关文章
这篇文章主要给大家介绍了js简单粗暴的发布订阅的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
这篇文章主要介绍了Promise扫盲贴，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-06-06
这篇文章主要介绍了JS 中实现一个串型异步函数队列，文章通过async/await 串型请求展开详情，具有一定的参考价值，需要的朋友可以参考一下2022-07-07
下面小编就为大家带来一篇浅谈bootstrap使用中的一些问题以及解决过程。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
本篇文章主要介绍了JS弹出窗口的运用与技巧大全,详解介绍了几种利用网页弹出各种形式的窗口，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2016-11-11
最近在学习webpack，本文主要介绍了loader插件的调试方法，需要的朋友们下面随着小编来一起学习学习吧2021-06-06
今天小编就为大家分享一篇关于layui flow loading占位图的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家介绍了Three.js创建文字初体验，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-11-11
这篇文章主要介绍了js 把字符串转成json对象的三种方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
本节主要介绍了用javascript对一个json数组深度赋值的具体实现，需要的朋友可以参考下2014-07-07
最新评论