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';
}
},
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);
}
所以有時候寫一些方法功能類似的方法可以考慮這種寫法， 餓了，吃飯去了，這次就介紹到這里了， 下回再聊。
全站熱搜
留言列表
