复制代码 代码如下: 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); } 所以有时候写一些方法功能类似的方法可以考虑这种写法, 饿了,吃饭去了,这次就介绍到这里了, 下回再聊。
推荐阅读
基于jQuery的简单的列表导航菜单
下面是我做的一个简单的导航菜单,因为是新手,难免有什么不对的地方,希望大家拍砖! 好了 开始进入正题吧: 1.首先定义CSS样式表: 复制代码 代码如下: <style type="text/css"> body{font-size:13px} ul,li{list-styl>>>详细阅读
本文标题:Javascript中定义方法的另类写法(批量定义js对象的方法)
地址:http://www.17bianji.com/kaifa2/JS/24874.html
1/2 1