DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript中定義方法的另類寫法(批量定義js對象的方法)
Javascript中定義方法的另類寫法(批量定義js對象的方法)
編輯:關於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);
}

所以有時候寫一些方法功能類似的方法可以考慮這種寫法, 餓了,吃飯去了,這次就介紹到這裡了, 下回再聊。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved