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 相关文章推荐
日期处理的js库(迷你版)--自建js库总结
Nov 21 Javascript
解决js正则匹配换行问题实现代码
Dec 10 Javascript
利用JS判断用户是否上网(连接网络)
Dec 23 Javascript
js document.write()使用介绍
Feb 21 Javascript
查找Oracle高消耗语句的方法
Mar 22 Javascript
jQuery实现冻结表头的方法
Mar 09 Javascript
jQuery往textarea中光标所在位置插入文本的方法
Jun 26 Javascript
javascript日期验证之输入日期大于等于当前日期
Dec 13 Javascript
浅谈js里面的InttoStr和StrtoInt
Jun 14 Javascript
js轮盘抽奖实例分析
Apr 17 Javascript
原生js编写焦点图效果
Dec 08 Javascript
BootStrap点击保存后实现模态框自动关闭的思路(模态框)
Sep 26 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 计算两个时间相差的天数、小时数、分钟数、秒数详解及实例代码
2016/11/09 PHP
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
Nigma vs Liquid BO3 第一场2.13
2021/03/10 DOTA
javascript 跨浏览器开发经验总结(五) js 事件
2010/05/19 Javascript
一个简单的实现下拉框多选的插件可移植性比较好
2014/05/05 Javascript
js中通过父级进行查找定位元素
2014/06/15 Javascript
jquery中map函数与each函数的区别实例介绍
2014/06/23 Javascript
jQuery实现网站添加高亮突出显示效果的方法
2015/06/26 Javascript
有关JavaScript中call()和apply() 的一些理解
2016/05/20 Javascript
jQuery的ajax和遍历数组json实例代码
2016/08/01 Javascript
jQuery validate插件功能与用法详解
2016/12/15 Javascript
JavaScript 中 apply 、call 的详解
2017/03/21 Javascript
nodejs入门教程六:express模块用法示例
2017/04/24 NodeJs
vue.js加载新的内容(实例代码)
2017/06/01 Javascript
Bootstrap弹出框(Popover)被挤压的问题小结
2017/07/11 Javascript
解决vue router使用 history 模式刷新后404问题
2017/07/19 Javascript
Easyui和zTree两种方式分别实现树形下拉框
2017/08/04 Javascript
对mac下nodejs 更新到最新版本的最新方法(推荐)
2018/05/17 NodeJs
详解vue-cli中模拟数据的两种方法
2018/07/03 Javascript
[56:24]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第二局
2016/03/04 DOTA
详解Python中的变量及其命名和打印
2016/03/11 Python
Python使用QRCode模块生成二维码实例详解
2017/06/14 Python
Python----数据预处理代码实例
2019/03/20 Python
Python中Numpy mat的使用详解
2019/05/24 Python
python 使用opencv 把视频分割成图片示例
2019/12/12 Python
flask的orm框架SQLAlchemy查询实现解析
2019/12/12 Python
利用python汇总统计多张Excel
2020/09/22 Python
GOLFINO英国官网:高尔夫服装
2020/04/11 全球购物
说出数据连接池的工作机制是什么?
2013/04/19 面试题
师范教师毕业鉴定
2014/01/13 职场文书
贷款担保申请书
2014/05/20 职场文书
党员学习中共十八大思想报告
2014/09/12 职场文书
弘扬焦裕禄精神践行三严三实心得体会
2014/10/13 职场文书
《搭石》教学反思
2016/02/18 职场文书
Golang标准库syscall详解(什么是系统调用)
2021/05/25 Golang
浅谈MySQL user权限表
2021/06/18 MySQL