JavaScript的級(jí)聯(lián)函數(shù)用法簡(jiǎn)單示例【鏈?zhǔn)秸{(diào)用】

更新時(shí)間：2019年03月26日 11:38:43 作者：Johnny丶me

這篇文章主要介紹了JavaScript的級(jí)聯(lián)函數(shù)用法,結(jié)合簡(jiǎn)單實(shí)例形式分析了javascript鏈?zhǔn)秸{(diào)用具體定義及使用方法,需要的朋友可以參考下

本文實(shí)例講述了JavaScript的級(jí)聯(lián)函數(shù)用法。分享給大家供大家參考，具體如下：

級(jí)聯(lián)函數(shù)

級(jí)聯(lián)函數(shù)就是在對(duì)象調(diào)用中通過(guò)點(diǎn)的方式串聯(lián)調(diào)用，在jQuery中就是鏈?zhǔn)秸{(diào)用, 其關(guān)鍵點(diǎn)就是在內(nèi)部 return this 返回自身

應(yīng)用

function Person() {
 this.name = '';
 this.age = 0;
 this.weight = 10;
}
Person.prototype = {
 setName:function(name){
  this.name = name;
  return this;
 },
 setAge:function(age){
  this.age = age;
  return this;
 },
 setWeight:function(weight) {
  this.weight = weight;
  return this;
 }
}
var p = new Person();
p.setName('Joh').setAge(26).setWeight(80);
console.log(p); // {name: "Joh", age: 26, weight: 80}

這里使用在線(xiàn)HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼，可得如下運(yùn)行結(jié)果：

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript常用函數(shù)技巧匯總》、《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁(yè)面元素操作技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

Javascript 實(shí)現(xiàn)放大鏡效果實(shí)例詳解
這篇文章主要介紹了Javascript 實(shí)現(xiàn)放大鏡效果實(shí)例詳解的相關(guān)資料,這里附有實(shí)現(xiàn)實(shí)例代碼，具有參考價(jià)值，需要的朋友可以參考下
2016-12-12
JS用最簡(jiǎn)單的方法實(shí)現(xiàn)四舍五入
在本篇文章里小編給大家整理的是關(guān)于JS用最簡(jiǎn)單的方法實(shí)現(xiàn)四舍五入的實(shí)例內(nèi)容，需要的朋友們學(xué)習(xí)下。
2019-08-08
JS實(shí)現(xiàn)基于拖拽改變物體大小的方法
這篇文章主要介紹了JS實(shí)現(xiàn)基于拖拽改變物體大小的方法,涉及javascript事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-01-01
深入理解javascript中defer的作用
這篇文章主要是對(duì)javascript中defer的作用進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-12-12
JS操作select下拉框動(dòng)態(tài)變動(dòng)(創(chuàng)建/刪除/獲取)
動(dòng)態(tài)創(chuàng)建及刪除select、添加及刪除選項(xiàng)option、獲得選項(xiàng)option的值、獲得選項(xiàng)option的文本等等，感興趣的朋友可以參考下哈
2013-06-06
JS獲取頁(yè)面窗口大小的代碼解讀
本節(jié)實(shí)例給出一個(gè)獲取瀏覽器當(dāng)前窗口大小的方法。當(dāng)瀏覽器窗口大小變化時(shí)，顯示的值會(huì)隨時(shí)變化
2011-12-12
TypeScript泛型的使用詳細(xì)介紹
在TypeScript中,泛型是一種創(chuàng)建可復(fù)用代碼組件的工具。這種組件不只能被一種類(lèi)型使用,而是能被多種類(lèi)型復(fù)用。類(lèi)似于參數(shù)的作用,泛型是一種用以增強(qiáng)類(lèi)(classes)、類(lèi)型(types)和接口(interfaces)能力的非?？煽康氖侄?/div> 2022-09-09
阻止mousemove鼠標(biāo)移動(dòng)或touchmove觸摸移動(dòng)觸發(fā)click點(diǎn)擊事件
這篇文章主要為大家介紹了阻止mousemove或touchmove與click事件同時(shí)觸發(fā)技巧，一個(gè)按鈕綁定了多個(gè)事件，所以就要想辦法阻止 mouse 鼠標(biāo)事件或 touch 觸摸事件與 click 事件同時(shí)觸發(fā)，不然每次拖拽按鈕后都會(huì)觸發(fā) click 事件，這顯然是不友好的
2023-06-06
詳解uniapp無(wú)痛刷新token方法
為了給用戶(hù)一個(gè)流暢的體驗(yàn),token過(guò)期后需要重新請(qǐng)求新的token替換過(guò)期的token。本文將詳細(xì)介紹uniapp無(wú)痛刷新token方法。
2021-06-06
javascript生成大小寫(xiě)字母
本文給大家分享的是javascript生成大寫(xiě)小寫(xiě)字母的代碼，十分的簡(jiǎn)單實(shí)用，主要用到了str.charCodeAt()和 String.fromCharCode()方法，有需要的小伙伴可以參考下。
2015-07-07