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里面的判斷類型的代碼,你仔細(xì)一看, 會發(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)是一個的方法, 我們可以對他進(jìn)行簡化(但是有個弊端:可讀性差),可以大大減少代碼,從而可以提高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這個對象創(chuàng)建了8個is開頭的判斷類型的方法;當(dāng)然如果有些方法不合理還可以覆蓋如:
復(fù)制代碼 代碼如下:
Easy.isNumber=function(v){
return toString.call(v) ==="[object Number]"&& isFinite(v);
}
所以有時候?qū)懸恍┓椒üδ茴愃频姆椒梢钥紤]這種寫法, 餓了,吃飯去了,這次就介紹到這里了, 下回再聊。
相關(guān)文章
JS 中實(shí)現(xiàn)一個串型異步函數(shù)隊列
這篇文章主要介紹了JS 中實(shí)現(xiàn)一個串型異步函數(shù)隊列,文章通過async/await 串型請求展開詳情,具有一定的參考價值,需要的朋友可以參考一下2022-07-07如何在webpack項(xiàng)目中調(diào)試loader插件
最近在學(xué)習(xí)webpack,本文主要介紹了loader插件的調(diào)試方法,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-06-06關(guān)于layui flow loading占位圖的實(shí)現(xiàn)方法
今天小編就為大家分享一篇關(guān)于layui flow loading占位圖的實(shí)現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09javascript Three.js創(chuàng)建文字初體驗(yàn)
這篇文章主要為大家介紹了Three.js創(chuàng)建文字初體驗(yàn),具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2021-11-11JS把字符串轉(zhuǎn)成json對象的三種方法示例詳解
這篇文章主要介紹了js?把字符串轉(zhuǎn)成json對象的三種方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-04-04用javascript對一個json數(shù)組深度賦值示例
本節(jié)主要介紹了用javascript對一個json數(shù)組深度賦值的具體實(shí)現(xiàn),需要的朋友可以參考下2014-07-07