JavaScript對象鏈?zhǔn)讲僮鞔a(jquery)
更新時(shí)間：2010年07月04日 19:43:48 作者：
自從使用了jQuery以后，對它的鏈?zhǔn)讲僮骱苁且蕾?，以至于常常覺得其他庫不好用。。
雖然現(xiàn)在慢慢減少了對jQuery的使用（項(xiàng)目上還是用，效率高點(diǎn)。平時(shí)基本不用了），希望從而減少對jQuery的依賴度。
但是這鏈?zhǔn)讲僮鞯姆绞綄?shí)在吸引人（貌似現(xiàn)在不少新庫都采用了鏈?zhǔn)讲僮鳎?
新手無畏嘛，所以寫了以下代碼。主要是避免以后又忘了，呵呵。
window.k = function() {
return new k.fn.init(arguments);
}
k.fn = k.prototype = {
init:function() {
this.length = 0;
//var args = Array.prototype.slice.call(arguments,0);
Array.prototype.push.apply(this,arguments[0]);
return this;
},
show:function() {
console.log(Array.prototype.slice.call(this,0).join("$"));
return this;
},
hide:function() {
console.log(this);
return this;
}
}
k.fn.init.prototype = k.fn;
console.log(k("0",1,2,3,4,5).show().hide());
這只是進(jìn)行了鏈?zhǔn)讲僮?。但是在firbug下可以看到j(luò)Query對象返回的是數(shù)組/類數(shù)組。要實(shí)現(xiàn)這個(gè)卻不知道怎么辦好。。
總不能讓k.fn.prototype = new Array()吧。真要看jQuery源代碼還真是有點(diǎn)累。。
下面是針對網(wǎng)友的一些回復(fù)
其實(shí)鏈?zhǔn)讲僮骱芎唵?，就是每次返回操作對象本身，這樣就可以持續(xù)的調(diào)用該對象本身定義的所有方法了。
最簡單的例子：
var o = function() {
/**
do something
*/
return this;
}
o.prototype = {
action1: function() {
/**
do something
*/
return this;
},
action2: function() {
/**
do something
*/
return this;
}
}
你可以這樣調(diào)用：
new o() //
.action1() //
.action2(); //每一步操作返回的都是實(shí)例化的o對象
它其實(shí)等同于這樣：
var a = new o();//如果沒有返回this，那么就不能在這里繼續(xù)調(diào)用了。因?yàn)榉祷氐氖莡ndefined。
a.action1(); //這個(gè)時(shí)候就只能對a（實(shí)例化的o對象的引用）來操作。
a.action2();
如果你用過jQuery就應(yīng)該發(fā)現(xiàn)了。jQuery并不需要你使用new來實(shí)例化一個(gè)對象，在使用的時(shí)候顯得更方便。
所以我們定義另一個(gè)對象來封裝上面提到的o對象：
var k = function() {
return new o();
}
這樣我們就可以這樣調(diào)用了：
k().action1().action2();
我為你推薦 一個(gè)叫 "函數(shù)化"的 構(gòu)造JS的方法。
//加粗表示強(qiáng)調(diào)
//這個(gè)方法是 《javascript語言精粹》第52頁 5.4函數(shù)化 上的。
var constructor = function (spec,my){
var that,其他的私有實(shí)例變量;
my = my || {};
把共享的變量和函數(shù)添加到my中
that = 一個(gè)新對象
添加給that 的特權(quán)方法
return that;
}
但是這鏈?zhǔn)讲僮鞯姆绞綄?shí)在吸引人（貌似現(xiàn)在不少新庫都采用了鏈?zhǔn)讲僮鳎?
新手無畏嘛，所以寫了以下代碼。主要是避免以后又忘了，呵呵。
復(fù)制代碼 代碼如下:
window.k = function() {
return new k.fn.init(arguments);
}
k.fn = k.prototype = {
init:function() {
this.length = 0;
//var args = Array.prototype.slice.call(arguments,0);
Array.prototype.push.apply(this,arguments[0]);
return this;
},
show:function() {
console.log(Array.prototype.slice.call(this,0).join("$"));
return this;
},
hide:function() {
console.log(this);
return this;
}
}
k.fn.init.prototype = k.fn;
console.log(k("0",1,2,3,4,5).show().hide());
這只是進(jìn)行了鏈?zhǔn)讲僮?。但是在firbug下可以看到j(luò)Query對象返回的是數(shù)組/類數(shù)組。要實(shí)現(xiàn)這個(gè)卻不知道怎么辦好。。
總不能讓k.fn.prototype = new Array()吧。真要看jQuery源代碼還真是有點(diǎn)累。。
下面是針對網(wǎng)友的一些回復(fù)
其實(shí)鏈?zhǔn)讲僮骱芎唵?，就是每次返回操作對象本身，這樣就可以持續(xù)的調(diào)用該對象本身定義的所有方法了。
最簡單的例子：
復(fù)制代碼 代碼如下:
var o = function() {
/**
do something
*/
return this;
}
o.prototype = {
action1: function() {
/**
do something
*/
return this;
},
action2: function() {
/**
do something
*/
return this;
}
}
你可以這樣調(diào)用：
new o() //
.action1() //
.action2(); //每一步操作返回的都是實(shí)例化的o對象
它其實(shí)等同于這樣：
var a = new o();//如果沒有返回this，那么就不能在這里繼續(xù)調(diào)用了。因?yàn)榉祷氐氖莡ndefined。
a.action1(); //這個(gè)時(shí)候就只能對a（實(shí)例化的o對象的引用）來操作。
a.action2();
如果你用過jQuery就應(yīng)該發(fā)現(xiàn)了。jQuery并不需要你使用new來實(shí)例化一個(gè)對象，在使用的時(shí)候顯得更方便。
所以我們定義另一個(gè)對象來封裝上面提到的o對象：
var k = function() {
return new o();
}
這樣我們就可以這樣調(diào)用了：
k().action1().action2();
我為你推薦 一個(gè)叫 "函數(shù)化"的 構(gòu)造JS的方法。
復(fù)制代碼 代碼如下:
//加粗表示強(qiáng)調(diào)
//這個(gè)方法是 《javascript語言精粹》第52頁 5.4函數(shù)化 上的。
var constructor = function (spec,my){
var that,其他的私有實(shí)例變量;
my = my || {};
把共享的變量和函數(shù)添加到my中
that = 一個(gè)新對象
添加給that 的特權(quán)方法
return that;
}
相關(guān)文章
這里通過JS字符串替換、隨機(jī)數(shù)運(yùn)算實(shí)現(xiàn)混淆JS代碼,達(dá)到降低代碼可讀性,以保護(hù)代碼的目的,需要的朋友可以參考一下2007-12-12
手把手教你自己寫一個(gè)js表單驗(yàn)證框架的方法
其實(shí)我自己也就能簡單用用js而已，但是呢，相對很多初學(xué)者來說多懂了點(diǎn)Know How所以斗膽孟浪一下，將一些所得記錄下來，以供更多的初學(xué)者能夠知道一個(gè)東西的實(shí)現(xiàn)過程，省去在源碼里摸索的過程。2010-09-09
JavaScript 工具庫 Cloudgamer JavaScript Library v0.1 發(fā)布
研究了一年多的js，也差不多寫一個(gè)自己的js庫了。 我寫這個(gè)不算框架，只是一個(gè)小型的js工具庫，所以我用的名字是Library。2009-10-10
繼承,通俗地說,之前你寫過一些類,這些類中有一些是而你現(xiàn)在要寫的類的功能的子集或者基本相同,那么你不用完全重新寫一個(gè)新的類,你可以把之前寫的類拿過來使用.這樣的一種代碼重用過程就叫做繼承2011-05-05
Javascript 面向?qū)ο螅ǘ┓庋b代碼，需要的朋友可以參考下2012-05-05
js創(chuàng)建對象的幾種常用方式小結(jié)(推薦)
最近在看javascript高級(jí)程序設(shè)計(jì)，其中對對象的創(chuàng)建做了具體的闡述，綜合起來，總結(jié)了下（je知識(shí)庫javascript專欄由這方面的教程，有興趣的可以去知識(shí)庫看看）2010-10-10
javascript 面向?qū)ο笕吕砭氈^承與多態(tài)
前面我們討論了如何在 JavaScript 語言中實(shí)現(xiàn)對私有實(shí)例成員、公有實(shí)例成員、私有靜態(tài)成員、公有靜態(tài)成員和靜態(tài)類的封裝。這次我們來討論一下面向?qū)ο蟪绦蛟O(shè)計(jì)中的另外兩個(gè)要素：繼承與多態(tài)。2009-12-12
數(shù)據(jù)類型,基本數(shù)據(jù)類型基本數(shù)據(jù)類型是JS語言最底層的實(shí)現(xiàn)。2008-04-04
js 面向?qū)ο蟮募夹g(shù)創(chuàng)建高級(jí) Web 應(yīng)用程序
在 C++ 或 C# 中，在談?wù)搶ο髸r(shí)，是指類或結(jié)構(gòu)的實(shí)例。對象有不同的屬性和方法，具體取決于將它們實(shí)例化的模板（即類）。2010-02-02
在JavaScript，可以說everything is object，那么什么是對象？對象就是包含一組變量和函數(shù)的集合。在其它面向?qū)ο笳Z言中對象是由類的實(shí)例化而來，JavaScript是基于原型的面向?qū)ο笳Z言，沒有類的概念，對象派生自現(xiàn)有對象的副本2012-06-06