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 相关文章推荐
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
Jul 21 Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
Mar 14 Javascript
document.all的一个比较完整的总结及案例
Jan 31 Javascript
Jquery 动态循环输出表格具体方法
Nov 23 Javascript
javascript进行数组追加方法小结
Jun 16 Javascript
JavaScript中的console.time()函数详细介绍
Dec 29 Javascript
JQuery中DOM事件绑定用法详解
Jun 13 Javascript
AngularJS入门教程之控制器详解
Jul 27 Javascript
10分钟掌握XML、JSON及其解析
Dec 06 Javascript
使用JavaScriptCore实现OC和JS交互详解
Mar 28 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
Apr 20 Javascript
layui 动态设置checbox 选中状态的例子
Sep 02 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
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
微信公众号开发之获取位置信息php代码
2018/06/13 PHP
Javascript select下拉框操作常用方法
2009/11/09 Javascript
JQuery 表单中textarea字数限制实现代码
2009/12/07 Javascript
Jquery实战_读书笔记1—选择jQuery
2010/01/22 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
2010/05/18 Javascript
Js 时间间隔计算的函数(间隔天数)
2011/11/15 Javascript
比较不错的JS/JQuery显示或隐藏文本的方法
2014/02/13 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
2014/05/29 Javascript
jquery实现select选择框内容左右移动代码分享
2015/11/21 Javascript
jQuery插件Validate实现自定义表单验证
2016/01/18 Javascript
Uploadify上传文件方法
2016/03/16 Javascript
详解js树形控件—zTree使用总结
2016/12/28 Javascript
vue使用vue-cli快速创建工程
2017/07/28 Javascript
100行代码实现一个vue分页组功能
2018/11/06 Javascript
VUE搭建手机商城心得和遇到的坑
2019/02/21 Javascript
监听element-ui table滚动事件的方法
2019/03/26 Javascript
[07:40]DOTA2每周TOP10 精彩击杀集锦vol.4
2014/06/25 DOTA
[54:29]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第二场
2018/04/09 DOTA
Python自定义简单图轴简单实例
2018/01/08 Python
使用Python进行QQ批量登录的实例代码
2018/06/11 Python
Flask模拟实现CSRF攻击的方法
2018/07/24 Python
使用Python正则表达式操作文本数据的方法
2019/05/14 Python
使用python+whoosh实现全文检索
2019/12/09 Python
PyTorch的torch.cat用法
2020/06/28 Python
利用css3实现的简单的鼠标悬停按钮
2014/11/04 HTML / CSS
使用CSS3实现字体颜色渐变的实现
2020/08/10 HTML / CSS
linux比较文件内容的命令是什么
2013/03/04 面试题
主要的Ajax框架都有什么
2013/11/14 面试题
网吧消防安全制度
2014/01/28 职场文书
管理失职检讨书
2014/02/12 职场文书
数字化校园建设方案
2014/05/03 职场文书
2015年度服装销售工作总结
2015/03/31 职场文书
2015年幼儿园安全工作总结
2015/05/12 职场文书
Python控制台输出俄罗斯方块的方法实例
2021/04/17 Python
html+css实现环绕倒影加载特效
2021/07/07 HTML / CSS