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 相关文章推荐
jQuery EasyUI NumberBox(数字框)的用法
Jul 08 Javascript
js使用DOM设置单选按钮、复选框及下拉菜单的方法
Jan 20 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
Aug 07 Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
Sep 13 Javascript
基于jQuery仿淘宝产品图片放大镜特效
Oct 19 Javascript
AngularJS基础 ng-csp 指令详解
Aug 01 Javascript
Three.js快速入门教程
Sep 09 Javascript
webpack实用小功能介绍
Jan 02 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
May 31 Javascript
vue动画打包后失效问题的解决方法
Sep 18 Javascript
开发一个Parcel-vue脚手架工具(详细步骤)
Sep 22 Javascript
vue-router命名视图的使用讲解
Jan 19 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
MySQL GBK→UTF-8编码转换
2007/05/24 PHP
php中判断文件空目录是否有读写权限的函数代码
2012/08/07 PHP
JQuery1.4+ Ajax IE8 内存泄漏问题
2010/10/15 Javascript
扩展JS Date对象时间格式化功能的小例子
2013/12/02 Javascript
node.js cookie-parser之parser.js
2016/06/06 Javascript
JavaScript递归操作实例浅析
2016/10/31 Javascript
微信小程序 下拉菜单的实现
2017/04/06 Javascript
JS实现简单表格排序操作示例
2017/10/07 Javascript
js实现会跳动的日历效果(完整实例)
2017/10/18 Javascript
如何获取TypeScript的声明文件.d.ts
2018/05/01 Javascript
解决vue-cli3 使用子目录部署问题
2018/07/19 Javascript
JavaScript高阶教程之“==”隐藏下的类型转换
2019/04/11 Javascript
vue中npm包全局安装和局部安装过程
2019/09/03 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
2020/07/21 Javascript
PHP webshell检查工具 python实现代码
2009/09/15 Python
python多线程编程中的join函数使用心得
2014/09/02 Python
Python中下划线的使用方法
2015/03/27 Python
Python yield 使用方法浅析
2017/05/20 Python
Python实现简单的语音识别系统
2017/12/13 Python
python:pandas合并csv文件的方法(图书数据集成)
2018/04/12 Python
python傅里叶变换FFT绘制频谱图
2019/07/19 Python
Python标准库itertools的使用方法
2020/01/17 Python
python3.4中清屏的处理方法
2020/07/06 Python
Python 读取位于包中的数据文件
2020/08/07 Python
Selenium+BeautifulSoup+json获取Script标签内的json数据
2020/12/07 Python
pycharm 复制代码出现空格的解决方式
2021/01/15 Python
台湾饭店和机票预订网站:Expedia台湾
2016/08/05 全球购物
全球高级音频和视频专家:HiDef Lifestyle
2019/08/02 全球购物
美国木工工具和用品商店:Woodcraft
2019/10/30 全球购物
《大海那边》教学反思
2014/04/09 职场文书
学校百日安全活动总结
2015/05/07 职场文书
元旦主持词开场白
2015/05/29 职场文书
法制教育讲座心得体会
2016/01/14 职场文书
《少年闰土》教学反思
2016/02/18 职场文书
python中的被动信息搜集
2021/04/29 Python
Redis Cluster 字段模糊匹配及删除
2021/05/27 Redis