快捷導(dǎo)航

javascript中的鏈?zhǔn)秸{(diào)用

更新時(shí)間：2010年02月18日 11:45:06 作者：

鏈?zhǔn)秸{(diào)用就是調(diào)用對(duì)象的方法后返回到該對(duì)象，嚴(yán)格來講它并不屬于語法，而只是一種語法技巧，js令人著迷的一點(diǎn)就是這里。

jQuery中形如$("#txtName").addClass("err").css("font-size","12px").select().focus();的方式讓人不得不為之著迷。其實(shí)現(xiàn)機(jī)制就是鏈?zhǔn)秸{(diào)用。鏈?zhǔn)秸{(diào)用就是調(diào)用對(duì)象的方法后返回到該對(duì)象，嚴(yán)格來講它并不屬于語法，而只是一種語法技巧，js令人著迷的一點(diǎn)就是這里。
沒有返回值的方法屬于賦值器方法，顯然它很容易實(shí)現(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í)行]

您可能感興趣的文章:

相關(guān)文章

textbox右鍵菜單
textbox右鍵菜單...
2006-10-10
JavaScript中如何判斷一個(gè)值的類型
在js中有一個(gè)運(yùn)算符可以幫助我們判斷一個(gè)值的類型，它就是typeof運(yùn)算符。下面通過本文給大家分享JavaScript中如何判斷一個(gè)值的類型，需要的朋友參考下吧
2017-09-09
js如何刪除對(duì)象/數(shù)組中null、undefined、空對(duì)象及空數(shù)組實(shí)例代碼
JS中數(shù)組是我們較為常用的一種數(shù)據(jù)結(jié)構(gòu),下面這篇文章主要給大家介紹了關(guān)于js如何刪除對(duì)象/數(shù)組中null、undefined、空對(duì)象及空數(shù)組的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-09-09
微信小程序?qū)崿F(xiàn)底部彈出框
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)底部彈出框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11
HTML+JS模擬實(shí)現(xiàn)QQ下拉菜單效果
這篇文章主要為大家詳細(xì)介紹了如何利用HTML+JavaScript模擬實(shí)現(xiàn)QQ中的下拉菜單效果。文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以學(xué)習(xí)一下
2022-05-05
js圖片自動(dòng)切換效果處理代碼
自己設(shè)置每張圖片切換的時(shí)間間隔，自己設(shè)置每張圖片的路徑（絕對(duì)、相對(duì)路徑都可以）雖然很簡單，但是很實(shí)用
2013-05-05
Webpack中css-loader和less-loader的使用教程
這篇文章主要介紹了關(guān)于Webpack中css-loader和less-loader的使用教程，文中通過示例代碼介紹的非常詳細(xì)，相信對(duì)大家具有一定的參考價(jià)值，需要的朋友們下面來一起看看吧。
2017-04-04
使用TypeScript和裝飾器實(shí)現(xiàn)前端數(shù)據(jù)脫敏
這篇文章主要為大家詳細(xì)介紹了如何使用TypeScript和裝飾器實(shí)現(xiàn)前端數(shù)據(jù)脫敏功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解一下
2024-11-11
淺談webpack對(duì)樣式的處理
這篇文章主要介紹了淺談webpack對(duì)樣式的處理，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-01-01
淺談javascript中的DOM方法
DOM就是Html頁面的模型，將每個(gè)標(biāo)簽都做為一個(gè)對(duì)象，JavaScript通過調(diào)用DOM中的屬性、方法就可以對(duì)網(wǎng)頁中的文本框、層等元素進(jìn)行編程控制。比如通過操作文本框的DOM對(duì)象，就可以讀取文本框中的值、設(shè)置文本框中的值。
2015-07-07