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 !!
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 ==="类型";
}
【Javascript中定义方法的另类写法(批量定义Javascript对象的方法)】
然而里面的tyoeof 我们可以统一使用 toString方法来判断类型，所有上面的代码可以是同一个类型，即：
var
is类型
=
function
(v){returntoString.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
推荐阅读
- 热闹中的孤独
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 异地恋中，逐渐适应一个人到底意味着什么（）
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷（Invasion篇）发售
- “成长”读书社群招募
- 2020-04-07vue中Axios的封装和API接口的管理