Javascript中定義方法的另類寫(xiě)法(批量定義js對(duì)象的方法)
更新時(shí)間：2011年02月25日 23:34:01 作者：
用了很多的Javascript框架，偶爾也會(huì)去看一下框架的源碼，經(jīng)常會(huì)看到這樣的代碼。
復(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里面的判斷類型的代碼，你仔細(xì)一看， 會(huì)發(fā)現(xiàn)有很多相同的東西， 如：
復(fù)制代碼 代碼如下:
is類型:function(v){
return toString.apply(v) ==="類型";
}
或者
is類型：function(v){
returntypeof v ==="類型";
}
然而里面的tyoeof 我們可以統(tǒng)一使用 toString方法來(lái)判斷類型，所有上面的代碼可以是同一個(gè)類型，即：
復(fù)制代碼 代碼如下:
var is類型=function(v){
return toString.call(v) ==="類型";
}
上面的就是一個(gè)模型，對(duì)應(yīng)這個(gè)判斷的方法體內(nèi)是一個(gè)的方法， 我們可以對(duì)他進(jìn)行簡(jiǎn)化（但是有個(gè)弊端：可讀性差），可以大大減少代碼，從而可以提高Javascript加載效率，改進(jìn)后的代碼如下：
復(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這個(gè)對(duì)象創(chuàng)建了8個(gè)is開(kāi)頭的判斷類型的方法；當(dāng)然如果有些方法不合理還可以覆蓋如：
復(fù)制代碼 代碼如下:
Easy.isNumber=function(v){
return toString.call(v) ==="[object Number]"&& isFinite(v);
}
所以有時(shí)候?qū)懸恍┓椒üδ茴愃频姆椒梢钥紤]這種寫(xiě)法， 餓了，吃飯去了，這次就介紹到這里了， 下回再聊。
相關(guān)文章
JS使用setInterval實(shí)現(xiàn)的簡(jiǎn)單計(jì)時(shí)器功能示例
這篇文章主要介紹了JS使用setInterval實(shí)現(xiàn)的簡(jiǎn)單計(jì)時(shí)器功能,涉及javascript基于setInterval的定時(shí)觸發(fā)與數(shù)值運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
解析arp病毒背后利用的Javascript技術(shù)附解密方法
解析arp病毒背后利用的Javascript技術(shù)附解密方法...2007-08-08
單擊瀏覽器右上角的X關(guān)閉窗口彈出提示的小例子，需要的朋友可以參考一下2013-06-06
forms 返回一個(gè)集合包含了了當(dāng)前文檔中的所有form元素，下面通過(guò)示例為大家介紹下document.forms用法,需要的朋友可以參考下2014-06-06
實(shí)現(xiàn)無(wú)刷新聯(lián)動(dòng)例子匯總
最近在用asp.net做項(xiàng)目的時(shí)候，遇到需要實(shí)現(xiàn)無(wú)刷新聯(lián)動(dòng)的需求，度娘了一下，這里匯總一下幾個(gè)比較實(shí)用的例子，有需要的小伙伴可以參考下。2015-05-05
javascript設(shè)置文本框光標(biāo)的方法實(shí)例小結(jié)
這篇文章主要介紹了javascript設(shè)置文本框光標(biāo)的方法,結(jié)合實(shí)例形式總結(jié)分析了javascript針對(duì)文本框光標(biāo)的位置、設(shè)置及文本操作的相關(guān)技巧,需要的朋友可以參考下2016-11-11
在前端開(kāi)發(fā)的過(guò)程中,我們經(jīng)常會(huì)遇到需要對(duì)于輸入的字符串進(jìn)行格式化處理,這篇文章主要給大家介紹了關(guān)于使用js去除字符串內(nèi)所帶有空格的三種方法,需要的朋友可以參考下2023-10-10
uniapp實(shí)現(xiàn)左右聯(lián)動(dòng)商品分類頁(yè)面
一個(gè)電商的app,商品的展示是必不可少的,聯(lián)動(dòng)分類展示是很常見(jiàn)的,下面這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)左右聯(lián)動(dòng)商品分類頁(yè)面的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
JS實(shí)現(xiàn)仿QQ面板的手風(fēng)琴效果折疊菜單代碼
這篇文章主要介紹了JS實(shí)現(xiàn)仿QQ面板的手風(fēng)琴效果折疊菜單代碼,涉及JavaScript基于鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了js實(shí)現(xiàn)磁性吸附的示例，幫助大家更好的制作js特效，美化自己的網(wǎng)頁(yè)，感興趣的朋友可以了解下2020-10-10