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 相关文章推荐
C#中TrimStart,TrimEnd,Trim在javascript上的实现
Jan 17 Javascript
通过jQuery源码学习javascript(三)
Dec 27 Javascript
使用jQuery内容过滤选择器选择元素实例讲解
Apr 18 Javascript
js模仿php中strtotime()与date()函数实现方法
Aug 11 Javascript
javascript表单控件实例讲解
Sep 13 Javascript
AngularJS1.X学习笔记2-数据绑定详解
Apr 01 Javascript
微信小程序 实例开发总结
Apr 26 Javascript
JS中把函数作为另一函数的参数传递方法(总结)
Jun 28 Javascript
ES6正则表达式扩展笔记
Jul 25 Javascript
js断点调试经验分享
Dec 08 Javascript
JavaScript实现获取两个排序数组的中位数算法示例
Feb 26 Javascript
vue特效之翻牌动画
Apr 20 Vue.js
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
windows xp下安装pear
2006/12/02 PHP
php函数实现判断是否移动端访问
2015/03/03 PHP
PHP模板引擎Smarty中的保留变量用法分析
2016/04/11 PHP
tp5.0框架隐藏index.php入口文件及模块和控制器的方法分析
2020/02/11 PHP
javascript css styleFloat和cssFloat
2010/03/15 Javascript
Jquery截取中文字符串的实现代码
2010/12/22 Javascript
利用函数的惰性载入提高javascript代码执行效率
2014/05/05 Javascript
javascript限制用户只能输汉字中文的方法
2014/11/20 Javascript
JavaScript编写推箱子游戏
2015/07/07 Javascript
动态加载css方法实现和深入解析
2017/01/18 Javascript
Vue按需加载的具体实现
2017/12/02 Javascript
JS计算距当前时间的时间差实例
2017/12/29 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
2018/03/18 Javascript
JS实现字符串中去除指定子字符串方法分析
2018/05/17 Javascript
js实现页面多个日期时间倒计时效果
2019/06/20 Javascript
javascript 内存模型实例详解
2020/04/18 Javascript
删除目录下相同文件的python代码(逐级优化)
2012/05/25 Python
python中Matplotlib实现绘制3D图的示例代码
2017/09/04 Python
Python 将RGB图像转换为Pytho灰度图像的实例
2017/11/14 Python
对Python 网络设备巡检脚本的实例讲解
2018/04/22 Python
python实现数据分析与建模
2019/07/11 Python
python实现while循环打印星星的四种形状
2019/11/23 Python
python 等差数列末项计算方式
2020/05/03 Python
Django和Ueditor自定义存储上传文件的文件名
2021/02/25 Python
伊莱克斯阿根廷网上商店:Tienda Electrolux
2021/03/08 全球购物
顺丰快递Java软件工程师面试题
2015/07/31 面试题
冰淇淋开店创业计划书
2014/02/01 职场文书
2014年两会学习心得体会
2014/03/10 职场文书
小学生志愿者活动方案
2014/08/23 职场文书
寒山寺导游词
2015/02/03 职场文书
个人先进事迹总结
2015/02/26 职场文书
党员干部学习三严三实心得体会
2016/01/05 职场文书
python使用pygame创建精灵Sprite
2021/04/06 Python
Python代码,能玩30多款童年游戏!这些有几个是你玩过的
2021/04/27 Python
Pycharm远程调试和MySQL数据库授权问题
2022/03/18 MySQL
Java死锁的排查
2022/05/11 Java/Android