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 UI CSS Framework开发Widget的经验
Aug 21 Javascript
jquery控制listbox中项的移动并排序的实现代码
Sep 28 Javascript
iframe 异步加载技术及性能分析
Jul 19 Javascript
jquery应该如何来设置改变按钮input的onclick事件
Dec 10 Javascript
javascript右下角弹层及自动隐藏(自己编写)
Nov 20 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
Dec 15 Javascript
JavaScript实现经典排序算法之插入排序
Dec 28 Javascript
微信小程序 小程序制作及动画(animation样式)详解
Jan 06 Javascript
vue数字类型过滤器的示例代码
Sep 07 Javascript
基于vue2实现上拉加载功能
Nov 28 Javascript
Angular 如何使用第三方库的方法
Apr 18 Javascript
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 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
round robin权重轮循算法php实现代码
2016/05/28 PHP
CI框架使用composer安装的依赖包步骤与方法分析
2016/11/21 PHP
js创建数据共享接口——简化框架之间相互传值
2011/10/23 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
2013/01/11 Javascript
jQuery中:last-child选择器用法实例
2014/12/31 Javascript
jQuery中extend函数详解
2015/02/13 Javascript
JavaScript DOM事件(笔记)
2015/04/08 Javascript
JavaScript必知必会(九)function 说起 闭包问题
2016/06/08 Javascript
Angular 2父子组件数据传递之局部变量获取子组件其他成员
2017/07/04 Javascript
使用mint-ui开发项目的一些心得(分享)
2017/09/07 Javascript
nodejs中安装ghost出错的原因及解决方法
2017/10/23 NodeJs
微信网页授权并获取用户信息的方法
2018/07/30 Javascript
vue中Axios的封装与API接口的管理详解
2018/08/09 Javascript
vue 2.8.2版本配置刚进入时候的默认页面方法
2018/09/21 Javascript
微信小程序实现多选功能
2018/11/04 Javascript
JavaScript:ES2019 的新特性(译)
2019/08/08 Javascript
node爬取新型冠状病毒的疫情实时动态
2020/02/06 Javascript
如何在JavaScript中正确处理变量
2020/12/25 Javascript
Python实现获取操作系统版本信息方法
2015/04/08 Python
python3获取两个日期之间所有日期,以及比较大小的实例
2018/04/08 Python
Python实现对字典分别按键(key)和值(value)进行排序的方法分析
2018/12/19 Python
python使用PIL模块获取图片像素点的方法
2019/01/08 Python
Python自定义一个类实现字典dict功能的方法
2019/01/19 Python
Python基本语法之运算符功能与用法详解
2019/10/22 Python
Python常用模块sys,os,time,random功能与用法实例分析
2020/01/07 Python
非常漂亮的CSS3百叶窗焦点图动画
2016/02/24 HTML / CSS
解释一下Windows的消息机制
2014/01/30 面试题
幼儿教师思想汇报
2014/01/10 职场文书
给校长的建议书
2014/03/12 职场文书
职业生涯规划书怎么写?
2014/09/14 职场文书
自信主题班会
2015/08/14 职场文书
2016庆祝教师节新闻稿
2015/11/25 职场文书
人民币使用说明书
2019/04/17 职场文书
Python爬虫基础之简单说一下scrapy的框架结构
2021/06/26 Python
Python Pygame实战之塔防游戏的实现
2022/03/17 Python
Golang 切片(Slice)实现增删改查
2022/04/22 Golang