JavaScript的級聯(lián)函數(shù)用法簡單示例【鏈式調用】

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

這篇文章主要介紹了JavaScript的級聯(lián)函數(shù)用法,結合簡單實例形式分析了javascript鏈式調用具體定義及使用方法,需要的朋友可以參考下

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

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

級聯(lián)函數(shù)就是在對象調用中通過點的方式串聯(lián)調用，在jQuery中就是鏈式調用, 其關鍵點就是在內(nèi)部 return this 返回自身

應用

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}

這里使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼，可得如下運行結果：

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

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章:

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