JavaScript的級聯(lián)函數(shù)用法簡單示例【鏈式調(diào)用】
本文實例講述了JavaScript的級聯(lián)函數(shù)用法。分享給大家供大家參考,具體如下:
級聯(lián)函數(shù)
級聯(lián)函數(shù)就是在對象調(diào)用中通過點的方式串聯(lián)調(diào)用,在jQuery中就是鏈式調(diào)用, 其關(guā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}
這里使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼,可得如下運行結(jié)果:
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript常用函數(shù)技巧匯總》、《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁面元素操作技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- JavaScript鏈式調(diào)用原理與實現(xiàn)方法詳解
- 《javascript設(shè)計模式》學(xué)習(xí)筆記四:Javascript面向?qū)ο蟪绦蛟O(shè)計鏈式調(diào)用實例分析
- 在JavaScript中實現(xiàn)鏈式調(diào)用的實現(xiàn)
- JavaScript鏈式調(diào)用實例淺析
- javascript簡單鏈式調(diào)用案例分析
- 學(xué)習(xí)JavaScript設(shè)計模式(鏈式調(diào)用)
- JavaScript DSL 流暢接口(使用鏈式調(diào)用)實例
- JS鏈式調(diào)用的實現(xiàn)方法
- JavaScript中兩種鏈式調(diào)用實現(xiàn)代碼
- javascript中的鏈式調(diào)用
- javascript 支持鏈式調(diào)用的異步調(diào)用框架Async.Operation
- JavaScript 異步調(diào)用框架 (Part 5 - 鏈式實現(xiàn))
- 詳解JavaScript中的鏈式調(diào)用
相關(guān)文章
JavaScript常用正則驗證函數(shù)實例小結(jié)【年齡,數(shù)字,Email,手機,URL,日期等】
這篇文章主要介紹了JavaScript常用正則驗證函數(shù),結(jié)合實例形式總結(jié)分析了javascript針對年齡、數(shù)字、Email、手機、URL、日期等格式常用正則驗證技巧,需要的朋友可以參考下2017-01-01javascript 設(shè)計模式之享元模式原理與應(yīng)用詳解
這篇文章主要介紹了javascript 設(shè)計模式之享元模式,結(jié)合實例形式詳細分析了javascript 設(shè)計模式之享元模式相關(guān)概念、原理、應(yīng)用方法及操作注意事項,需要的朋友可以參考下2020-04-04Bootstrap模態(tài)框調(diào)用功能實現(xiàn)方法
這篇文章主要介紹了Bootstrap模態(tài)框調(diào)用功能實現(xiàn)方法的相關(guān)資料,非常不錯,具有參考借鑒價值,感興趣的朋友一起看看吧2016-09-09underscore之function_動力節(jié)點Java學(xué)院整理
因為underscore本來就是為了充分發(fā)揮JavaScript的函數(shù)式編程特性,所以也提供了大量JavaScript本身沒有的高階函數(shù)。本文重點給大家介紹underscore之function知識,感興趣的的朋友一起學(xué)習(xí)吧2017-07-07