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 相关文章推荐
Firefox+FireBug使JQuery的学习更加轻松愉快
Jan 01 Javascript
js带按钮的提示框可供选择示例代码
Sep 17 Javascript
jscript读写二进制文件的方法
Apr 22 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
Jan 13 Javascript
Backbone.js框架中Model与Collection的使用实例
May 07 Javascript
VUE开发一个图片轮播的组件示例代码
Mar 06 Javascript
node.js利用mongoose获取mongodb数据的格式化问题详解
Oct 06 Javascript
微信小程序实现鼠标拖动效果示例
Dec 01 Javascript
vue2中的keep-alive使用总结及注意事项
Dec 21 Javascript
完美解决axios跨域请求出错的问题
Feb 05 Javascript
微信小程序获取用户绑定手机号方法示例
Jul 21 Javascript
基于Vue的商品主图放大镜方案详解
Sep 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
PHP获取短链接跳转后的真实地址和响应头信息的方法
2014/07/25 PHP
ThinkPHP中的create方法与自动令牌验证实例教程
2014/08/22 PHP
Ubuntu server 11.04安装memcache及php使用memcache来存储session的方法
2016/05/31 PHP
JavaScript 组件之旅(四):测试 JavaScript 组件
2009/10/28 Javascript
iframe 父窗口和子窗口相互的调用方法集锦
2010/12/15 Javascript
Jquery遍历checkbox获取选中项value值的方法
2014/02/13 Javascript
关于Javascript 对象(object)的prototype
2014/05/09 Javascript
jquery 3D 标签云示例代码
2014/06/12 Javascript
网页中表单按回车就自动提交的问题的解决方案
2014/11/03 Javascript
JavaScript中的getDay()方法使用详解
2015/06/09 Javascript
基于javascript实现图片懒加载
2016/01/05 Javascript
深入理解JS中的substr和substring
2016/04/26 Javascript
深入理解Ajax的get和post请求
2016/06/02 Javascript
基于JavaScript实现轮播图代码
2016/07/14 Javascript
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
2017/08/17 jQuery
JS中跳出循环的示例代码
2017/09/14 Javascript
利用Node.js检测端口是否被占用的方法
2017/12/07 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
Vue.extend 登录注册模态框的实现
2020/12/29 Vue.js
[53:52]OG vs EG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
Python实现的检测web服务器健康状况的小程序
2014/09/17 Python
从Python程序中访问Java类的简单示例
2015/04/20 Python
使用Python的Flask框架构建大型Web应用程序的结构示例
2016/06/04 Python
[原创]python爬虫(入门教程、视频教程)
2018/01/08 Python
用Django实现一个可运行的区块链应用
2018/03/08 Python
给keras层命名,并提取中间层输出值,保存到文档的实例
2020/05/23 Python
Python+Kepler.gl轻松制作酷炫路径动画的实现示例
2020/06/02 Python
利用Python如何画一颗心、小人发射爱心
2021/02/21 Python
利用CSS3的特性改变文本选中时的颜色
2013/09/11 HTML / CSS
全球速卖通巴西站点:Aliexpress巴西
2016/08/24 全球购物
美国电子产品购物网站:BuyDig.com
2020/06/17 全球购物
实习评语
2013/12/16 职场文书
大学生预备党员自我评价
2015/03/04 职场文书
2016元旦文艺汇演主持词(开场白+结束语)
2015/12/03 职场文书
基于JavaScript实现省市联动效果
2021/06/22 Javascript
vue如何使用模拟的json数据查看效果
2022/03/31 Vue.js