JavaScript的级联函数用法简单示例【链式调用】


Posted in Javascript onMarch 26, 2019

本文实例讲述了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.3water.com/code/HtmlJsRun测试上述代码,可得如下运行结果:

JavaScript的级联函数用法简单示例【链式调用】

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
最佳JS代码编写的14条技巧
Jan 09 Javascript
jquery 选项卡效果 新手代码
Jul 08 Javascript
JS等比例缩小图片尺寸的实例
Feb 27 Javascript
JavaScript实现数字数组正序排列的方法
Apr 06 Javascript
JavaScript生成福利彩票双色球号码
May 15 Javascript
简单介绍jsonp 使用小结
Jan 27 Javascript
JS平滑无缝滚动效果的实现代码
May 06 Javascript
微信小程序多张图片上传功能
Jun 07 Javascript
微信小程序使用request网络请求操作实例
Dec 15 Javascript
Vue项目中ESlint规范示例代码
Jul 04 Javascript
vue自动添加浏览器兼容前后缀操作
Aug 13 Javascript
微信小程序基于ColorUI构建皮皮虾短视频去水印组件
Nov 04 Javascript
node之本地服务器图片上传的方法示例
Mar 26 #Javascript
详解vue-element Tree树形控件填坑路
Mar 26 #Javascript
vue-router 起步步骤详解
Mar 26 #Javascript
JS div匀速移动动画与变速移动动画代码实例
Mar 26 #Javascript
vue cli3.0结合echarts3.0与地图的使用方法示例
Mar 26 #Javascript
详解用JS添加和删除class类名
Mar 25 #Javascript
详解javascript设计模式三:代理模式
Mar 25 #Javascript
You might like
PHILIPS D1835/D1875的电路分析与打理
2021/03/02 无线电
php.ini-dist 和 php.ini-recommended 的区别介绍(方便开发与安全的朋友)
2012/07/01 PHP
php在程序中将网页生成word文档并提供下载的代码
2012/10/09 PHP
php去掉URL网址中带有PHPSESSID的配置方法
2014/07/08 PHP
php使用COPY函数更新配置文件的方法
2015/06/18 PHP
CodeIgniter自定义控制器MY_Controller用法分析
2016/01/20 PHP
thinkPHP引入类的方法详解
2016/12/08 PHP
laravel migrate初学常见错误的解决方法
2017/10/11 PHP
让JavaScript拥有类似Lambda表达式编程能力的方法
2010/09/12 Javascript
javascript继承之为什么要继承
2012/11/10 Javascript
详解AngularJS中自定义指令的使用
2015/06/17 Javascript
JS+CSS实现自动切换的网页滑动门菜单效果代码
2015/09/14 Javascript
纯js实现手风琴效果
2020/04/17 Javascript
使用ionic切换页面卡顿的解决方法
2016/12/16 Javascript
超全面的vue.js使用总结
2017/02/12 Javascript
Angular4编程之表单响应功能示例
2017/12/13 Javascript
Vue打包后出现一些map文件的解决方法
2018/02/13 Javascript
JS实现二维数组横纵列转置的方法
2018/04/17 Javascript
JS限制输入框输入的实现代码
2018/07/02 Javascript
vue实现在线学生录入系统
2020/05/30 Javascript
JavaScript实现网页动态生成表格
2020/11/25 Javascript
[02:34]DOTA2亚洲邀请赛 BG战队出场宣传片
2015/03/09 DOTA
python利用elaphe制作二维条形码实现代码
2012/05/25 Python
python绘制漏斗图步骤详解
2019/03/04 Python
python requests更换代理适用于IP频率限制的方法
2019/08/21 Python
Python换行与不换行的输出实例
2020/02/19 Python
django 实现简单的插入视频
2020/04/07 Python
css3 中的新特性加强记忆详解
2016/04/16 HTML / CSS
深圳茁壮笔试题
2015/05/28 面试题
销售冠军获奖感言
2014/02/03 职场文书
政治学专业毕业生求职信
2014/08/11 职场文书
2014小学教师年度考核工作总结
2014/12/03 职场文书
严以律己专题学习研讨会发言材料
2015/11/09 职场文书
Java 语言中Object 类和System 类详解
2021/07/07 Java/Android
一篇文章搞懂python混乱的切换操作与优雅的推导式
2021/08/23 Python
yyds什么意思?90后已经听不懂00后讲话了……
2022/02/03 杂记