JavaScript的级联函数用法简单示例【链式调用】
作者:Johnny丶me
这篇文章主要介绍了JavaScript的级联函数用法,结合简单实例形式分析了javascript链式调用具体定义及使用方法,需要的朋友可以参考下
本文实例讲述了JavaScript的级联函数用法。分享给大家供大家参考,具体如下:
级联函数
级联函数就是在对象调用中通过点的方式串联调用,在jQuery中就是链式调用, 其关键点就是在内部 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相关内容感兴趣的读者可查看本站专题:《JavaScript数据结构与算法技巧总结》、《JavaScript常用函数技巧汇总》、《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
- JavaScript链式调用原理与实现方法详解
- 《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
- 在JavaScript中实现链式调用的实现
- JavaScript链式调用实例浅析
- javascript简单链式调用案例分析
- 学习JavaScript设计模式(链式调用)
- JavaScript DSL 流畅接口(使用链式调用)实例
- JS链式调用的实现方法
- JavaScript中两种链式调用实现代码
- javascript中的链式调用
- javascript 支持链式调用的异步调用框架Async.Operation
- JavaScript 异步调用框架 (Part 5 - 链式实现)
- 详解JavaScript中的链式调用