快捷導(dǎo)航

模仿JQuery.extend函數(shù)擴(kuò)展自己對(duì)象的js代碼

更新時(shí)間：2009年12月09日 22:48:54 作者：

最近打算寫(xiě)個(gè)自己的js工具集合，把自己平常經(jīng)常使用的方法很好的封裝起來(lái)，其中模仿了jq的結(jié)構(gòu)。

但在寫(xiě)的過(guò)程中發(fā)現(xiàn)，如果要在之前寫(xiě)好的對(duì)象中添加新的靜態(tài)方法或?qū)嵗椒?，要修改原有的?duì)象結(jié)構(gòu)，于是查看了jquery了extend方法，果然extend方法支持了jq的半邊天，拿來(lái)主義，給自己的對(duì)象做擴(kuò)張用。

下面進(jìn)入正題：
假如有以下一個(gè)對(duì)象

復(fù)制代碼代碼如下:

 
var MyMath = { 
//加法 
Add: function(a, b){ 
return a + b; 
}, 
//減法 
Sub: function(a, b){ 
return a - b; 
} 
} 

對(duì)象名MyMath，有兩個(gè)靜態(tài)方法Add和Sub，正常調(diào)用：

復(fù)制代碼代碼如下:

alert(MyMath.Add(3, 5)) //結(jié)果8

好，現(xiàn)在如果現(xiàn)在MyMath增加兩個(gè)靜態(tài)方法（乘法、除法）怎么辦，并且不要修改之前寫(xiě)好的對(duì)象，以前我們可以這么做：

復(fù)制代碼代碼如下:

 
//新加一靜態(tài)方法：Mul乘法 
MyMath["Mul"] = function(a, b){ 
return a * b; 
} 
//新加一靜態(tài)方法：Div除法 
MyMath["Div"] = function(a, b){ 
return a / b; 
} 

這樣，我們給MyMath添加兩個(gè)方法：Mul和Div。正常調(diào)用：

復(fù)制代碼代碼如下:

 
alert(MyMath.Add(3, 5)) //結(jié)果8 
alert(MyMath.Mul(3, 5)) //結(jié)果15 

但是，剛才增加方法的寫(xiě)法有點(diǎn)笨拙，每增加一個(gè)方法都要寫(xiě)一次對(duì)象名（MyMath），能不能想之前我們創(chuàng)建對(duì)象的時(shí)候那樣，通過(guò)Json的結(jié)構(gòu)去聲明一個(gè)對(duì)象呢？
答案當(dāng)然是可以了，通過(guò)模擬JQuery.extend函數(shù)，輕松做到。以下提取JQuery.extend函數(shù)并修改了函數(shù)名：

復(fù)制代碼代碼如下:

 
MyMath.extend = function(){ 
// copy reference to target object 
var target = arguments[0] || 
{}, i = 1, length = arguments.length, deep = false, options; 
// Handle a deep copy situation 
if (typeof target === "boolean") { 
deep = target; 
target = arguments[1] || 
{}; 
// skip the boolean and the target 
i = 2; 
} 
// Handle case when target is a string or something (possible in deep copy) 
if (typeof target !== "object" && !jQuery.isFunction(target)) 
target = {}; 
// extend jQuery itself if only one argument is passed 
if (length == i) { 
target = this; 
--i; 
} 
for (; i < length; i++) 
// Only deal with non-null/undefined values 
if ((options = arguments[i]) != null) 
// Extend the base object 
for (var name in options) { 
var src = target[name], copy = options[name]; 
// Prevent never-ending loop 
if (target === copy) 
continue; 
// Recurse if we're merging object values 
if (deep && copy && typeof copy === "object" && !copy.nodeType) 
target[name] = jQuery.extend(deep, // Never move original objects, clone them 
src || (copy.length != null ? [] : {}), copy); 
// Don't bring in undefined values 
else 
if (copy !== undefined) 
target[name] = copy; 
} 
// Return the modified object 
return target; 
}; 

現(xiàn)在我們通過(guò)這個(gè)extend方法來(lái)增加剛才我們的方法（乘法、除法）：

復(fù)制代碼代碼如下:

 
MyMath.extend({ 
Mul: function(a, b){ 
return a * b; 
}, 
Div: function(a, b){ 
return a / b; 
} 
}); 

這樣的結(jié)構(gòu)更加一目了然。
轉(zhuǎn)載請(qǐng)注上來(lái)自：http://www.cnblogs.com/wbkt2t

您可能感興趣的文章:

JQuery.extend

亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

軟件下載

源碼下載

軟件編程

網(wǎng)絡(luò)編程

在線(xiàn)工具

數(shù)據(jù)庫(kù)

CMS

常用工具

模仿JQuery.extend函數(shù)擴(kuò)展自己對(duì)象的js代碼

相關(guān)文章

最新評(píng)論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線(xiàn)小工具