javascript中的鏈?zhǔn)秸{(diào)用
更新時間:2010年02月18日 11:45:06 作者:
鏈?zhǔn)秸{(diào)用就是調(diào)用對象的方法后返回到該對象,嚴(yán)格來講它并不屬于語法,而只是一種語法技巧,js令人著迷的一點就是這里。
jQuery中形如$("#txtName").addClass("err").css("font-size","12px").select().focus();的方式讓人不得不為之著迷。其實現(xiàn)機制就是鏈?zhǔn)秸{(diào)用。鏈?zhǔn)秸{(diào)用就是調(diào)用對象的方法后返回到該對象,嚴(yán)格來講它并不屬于語法,而只是一種語法技巧,js令人著迷的一點就是這里。
沒有返回值的方法屬于賦值器方法,顯然它很容易實現(xiàn)鏈?zhǔn)秸{(diào)用,前提是正確理解this指針的用法。
function W(){
this.name="Wang Hongjian";
this.gender="male";
}
W.prototype.sayHi=function(){
alert("Hello,everybody\nMy name is " + this.name);
return this;
};
W.prototype.doSomething=function(){
alert("I'm working");
return this;
}
W.prototype.sayGoodbye=function(){
alert("Goodbye,everybody");
return this;
};
var w=new W();
w.sayHi().doSomething().sayGoodbye();
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
沒有返回值的方法屬于賦值器方法,顯然它很容易實現(xiàn)鏈?zhǔn)秸{(diào)用,前提是正確理解this指針的用法。
復(fù)制代碼 代碼如下:
function W(){
this.name="Wang Hongjian";
this.gender="male";
}
W.prototype.sayHi=function(){
alert("Hello,everybody\nMy name is " + this.name);
return this;
};
W.prototype.doSomething=function(){
alert("I'm working");
return this;
}
W.prototype.sayGoodbye=function(){
alert("Goodbye,everybody");
return this;
};
var w=new W();
w.sayHi().doSomething().sayGoodbye();
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- 原生js封裝的一些jquery方法(詳解)
- 原生js仿jquery實現(xiàn)對Ajax的封裝
- 詳解JavaScript原生封裝ajax請求和Jquery中的ajax請求
- JavaScript使用鏈?zhǔn)椒椒ǚ庋bjQuery中CSS()方法示例
- 原生js實現(xiàn)對Ajax的封裝(仿jquery)
- 基于jquery封裝的一個js分頁
- JS鏈?zhǔn)秸{(diào)用的實現(xiàn)方法
- 學(xué)習(xí)JavaScript設(shè)計模式(鏈?zhǔn)秸{(diào)用)
- 原生js實現(xiàn)簡單的鏈?zhǔn)讲僮?/a>
- js實現(xiàn)封裝jQuery的簡單方法與鏈?zhǔn)讲僮髟斀?/a>
相關(guān)文章
javascript里模擬sleep(兩種實現(xiàn)方式)
有幾種方式,但都不完美 其一:不斷循環(huán),直到達到指定時間、其二:用xhr同步請求后臺程序,比如傳2000過去,后臺就sleep 2秒后再返回,這種方式也有缺點,當(dāng)N多客戶端都請求后臺時,一直保持連接http開銷很大,感興趣的朋友可以了解下啊2013-01-01
關(guān)于js中window.location.href,location.href,parent.location.href
關(guān)于js中window.location.href,location.href,parent.location.href,top.location.href的用法2010-10-10
微信小程序注冊60s倒計時功能 使用JS實現(xiàn)注冊60s倒計時功能
這篇文章主要介紹了微信小程序注冊60s倒計時功能,以及使用JS實現(xiàn)注冊60s倒計時功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-08-08
微信小程序設(shè)置全局請求URL及封裝wx.request請求操作示例
這篇文章主要介紹了微信小程序設(shè)置全局請求URL及封裝wx.request請求操作,結(jié)合實例形式分析了微信小程序針對wx.requset請求的封裝及調(diào)用操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-04-04
JavaScript數(shù)組every方法的應(yīng)用場景實例
every方法確定數(shù)組中的每一項的結(jié)果都滿足所寫的條件的時候,就會返回true,否則返回false,這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組every方法應(yīng)用場景的相關(guān)資料,需要的朋友可以參考下2022-12-12
JS 實現(xiàn)導(dǎo)航菜單中的二級下拉菜單的幾種方式
這篇文章主要介紹了JS 實現(xiàn)導(dǎo)航菜單中的二級下拉菜單的幾種方式的相關(guān)資料,這里提供了三種方式,和實例代碼,需要的朋友可以參考下2016-10-10
webpack結(jié)合express實現(xiàn)自動刷新的方法
這篇文章主要給大家介紹了關(guān)于webpack結(jié)合express實現(xiàn)自動刷新的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用webpack具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
Web版彷 Visual Studio 2003 顏色選擇器
Web版彷 Visual Studio 2003 顏色選擇器...2007-01-01

