Javascript中定義方法的另類寫法(批量定義js對象的方法)
更新時間：2011年02月25日 23:34:01 作者：
用了很多的Javascript框架，偶爾也會去看一下框架的源碼，經(jīng)常會看到這樣的代碼。
復(fù)制代碼 代碼如下:
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里面的判斷類型的代碼，你仔細一看， 會發(fā)現(xiàn)有很多相同的東西， 如：
復(fù)制代碼 代碼如下:
is類型:function(v){
return toString.apply(v) ==="類型";
}
或者
is類型：function(v){
returntypeof v ==="類型";
}
然而里面的tyoeof 我們可以統(tǒng)一使用 toString方法來判斷類型，所有上面的代碼可以是同一個類型，即：
復(fù)制代碼 代碼如下:
var is類型=function(v){
return toString.call(v) ==="類型";
}
上面的就是一個模型，對應(yīng)這個判斷的方法體內(nèi)是一個的方法， 我們可以對他進行簡化（但是有個弊端：可讀性差），可以大大減少代碼，從而可以提高Javascript加載效率，改進后的代碼如下：
復(fù)制代碼 代碼如下:
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這個對象創(chuàng)建了8個is開頭的判斷類型的方法；當然如果有些方法不合理還可以覆蓋如：
復(fù)制代碼 代碼如下:
Easy.isNumber=function(v){
return toString.call(v) ==="[object Number]"&& isFinite(v);
}
所以有時候?qū)懸恍┓椒üδ茴愃频姆椒梢钥紤]這種寫法， 餓了，吃飯去了，這次就介紹到這里了， 下回再聊。
相關(guān)文章
這篇文章主要給大家介紹了js簡單粗暴的發(fā)布訂閱的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
這篇文章主要介紹了Promise掃盲貼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
這篇文章主要介紹了JS 中實現(xiàn)一個串型異步函數(shù)隊列，文章通過async/await 串型請求展開詳情，具有一定的參考價值，需要的朋友可以參考一下2022-07-07
下面小編就為大家?guī)硪黄獪\談bootstrap使用中的一些問題以及解決過程。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
本篇文章主要介紹了JS彈出窗口的運用與技巧大全,詳解介紹了幾種利用網(wǎng)頁彈出各種形式的窗口，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2016-11-11
最近在學(xué)習(xí)webpack，本文主要介紹了loader插件的調(diào)試方法，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-06-06
關(guān)于layui flow loading占位圖的實現(xiàn)方法
今天小編就為大家分享一篇關(guān)于layui flow loading占位圖的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
javascript Three.js創(chuàng)建文字初體驗
這篇文章主要為大家介紹了Three.js創(chuàng)建文字初體驗，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
JS把字符串轉(zhuǎn)成json對象的三種方法示例詳解
這篇文章主要介紹了js?把字符串轉(zhuǎn)成json對象的三種方法,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
用javascript對一個json數(shù)組深度賦值示例
本節(jié)主要介紹了用javascript對一個json數(shù)組深度賦值的具體實現(xiàn)，需要的朋友可以參考下2014-07-07