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)用, 其關鍵點就是在內(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測試上述代碼,可得如下運行結(jié)果:

更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)據(jù)結(jié)構與算法技巧總結(jié)》、《JavaScript常用函數(shù)技巧匯總》、《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁面元素操作技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設計有所幫助。
- JavaScript鏈式調(diào)用原理與實現(xiàn)方法詳解
- 《javascript設計模式》學習筆記四:Javascript面向?qū)ο蟪绦蛟O計鏈式調(diào)用實例分析
- 在JavaScript中實現(xiàn)鏈式調(diào)用的實現(xiàn)
- JavaScript鏈式調(diào)用實例淺析
- javascript簡單鏈式調(diào)用案例分析
- 學習JavaScript設計模式(鏈式調(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)用
相關文章
JavaScript常用正則驗證函數(shù)實例小結(jié)【年齡,數(shù)字,Email,手機,URL,日期等】
這篇文章主要介紹了JavaScript常用正則驗證函數(shù),結(jié)合實例形式總結(jié)分析了javascript針對年齡、數(shù)字、Email、手機、URL、日期等格式常用正則驗證技巧,需要的朋友可以參考下2017-01-01
Bootstrap模態(tài)框調(diào)用功能實現(xiàn)方法
這篇文章主要介紹了Bootstrap模態(tài)框調(diào)用功能實現(xiàn)方法的相關資料,非常不錯,具有參考借鑒價值,感興趣的朋友一起看看吧2016-09-09
underscore之function_動力節(jié)點Java學院整理
因為underscore本來就是為了充分發(fā)揮JavaScript的函數(shù)式編程特性,所以也提供了大量JavaScript本身沒有的高階函數(shù)。本文重點給大家介紹underscore之function知識,感興趣的的朋友一起學習吧2017-07-07

