欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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簡單粗暴的發(fā)布訂閱示例代碼

    js簡單粗暴的發(fā)布訂閱示例代碼

    這篇文章主要給大家介紹了js簡單粗暴的發(fā)布訂閱的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-01-01
  • Promise掃盲貼

    Promise掃盲貼

    這篇文章主要介紹了Promise掃盲貼,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-06-06
  • JS 中實(shí)現(xiàn)一個串型異步函數(shù)隊列

    JS 中實(shí)現(xiàn)一個串型異步函數(shù)隊列

    這篇文章主要介紹了JS 中實(shí)現(xiàn)一個串型異步函數(shù)隊列,文章通過async/await 串型請求展開詳情,具有一定的參考價值,需要的朋友可以參考一下
    2022-07-07
  • 淺談bootstrap使用中的一些問題以及解決過程

    淺談bootstrap使用中的一些問題以及解決過程

    下面小編就為大家?guī)硪黄獪\談bootstrap使用中的一些問題以及解決過程。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-10-10
  • JS彈出窗口的運(yùn)用與技巧大全

    JS彈出窗口的運(yùn)用與技巧大全

    本篇文章主要介紹了JS彈出窗口的運(yùn)用與技巧大全,詳解介紹了幾種利用網(wǎng)頁彈出各種形式的窗口,具有一定的參考價值,感興趣的小伙伴們可以參考一下。
    2016-11-11
  • 如何在webpack項(xiàng)目中調(diào)試loader插件

    如何在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)方法

    今天小編就為大家分享一篇關(guān)于layui flow loading占位圖的實(shí)現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • javascript Three.js創(chuàng)建文字初體驗(yàn)

    javascript Three.js創(chuàng)建文字初體驗(yàn)

    這篇文章主要為大家介紹了Three.js創(chuàng)建文字初體驗(yàn),具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2021-11-11
  • JS把字符串轉(zhuǎn)成json對象的三種方法示例詳解

    JS把字符串轉(zhuǎn)成json對象的三種方法示例詳解

    這篇文章主要介紹了js?把字符串轉(zhuǎn)成json對象的三種方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-04-04
  • 用javascript對一個json數(shù)組深度賦值示例

    用javascript對一個json數(shù)組深度賦值示例

    本節(jié)主要介紹了用javascript對一個json數(shù)組深度賦值的具體實(shí)現(xiàn),需要的朋友可以參考下
    2014-07-07

最新評論