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 相关文章推荐
javascript静态的url如何传递
May 03 Javascript
Javascript & DHTML 实例编程(教程)基础知识
Jun 02 Javascript
js中浮点型运算BUG的解决方法说明
Jan 06 Javascript
js实现文本框中焦点在最后位置
Mar 04 Javascript
基于jQuery实现的QQ表情插件
Aug 25 Javascript
JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
Dec 02 Javascript
node.js使用cluster实现多进程
Mar 17 Javascript
JS原生轮播图的简单实现(推荐)
Jul 22 Javascript
AngularJS实现表单元素值绑定操作示例
Oct 11 Javascript
jQuery简单判断值是否存在于数组中的方法示例
Apr 17 jQuery
微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解
Mar 28 Javascript
vue实现员工信息录入功能
Jun 11 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 静态变量的初始化
2009/11/15 PHP
php中理解print EOT分界符和echo EOT的用法区别小结
2010/02/21 PHP
PHP基于curl模拟post提交json数据示例
2018/06/22 PHP
PHP实现字符串大小写转函数的功能实例
2019/02/06 PHP
setInterval 和 setTimeout会产生内存溢出
2008/02/15 Javascript
使用GruntJS构建Web程序之构建篇
2014/06/04 Javascript
JavaScript中isPrototypeOf函数作用和使用实例
2015/06/01 Javascript
jQuery实现鼠标划过添加和删除class的方法
2015/06/26 Javascript
jQuery模拟select实现下拉菜单功能
2016/06/20 Javascript
Vue.js自定义指令的用法与实例解析
2017/01/18 Javascript
React中jquery引用的实现方法
2017/09/12 jQuery
element-ui 表格实现单元格可编辑的示例
2018/02/26 Javascript
Vue2.0 事件的广播与接收(观察者模式)
2018/03/14 Javascript
JavaScript折半查找(二分查找)算法原理与实现方法示例
2018/08/06 Javascript
你知道JavaScript Symbol类型怎么用吗
2020/01/08 Javascript
微信小程序实现下滑到底部自动翻页功能
2020/03/07 Javascript
element-ui中el-upload多文件一次性上传的实现
2020/12/02 Javascript
jQuery实现手风琴特效
2021/01/11 jQuery
[27:02]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第三场
2014/05/24 DOTA
[02:32]“虐狗”镜头慎点 2016国际邀请赛中国区预选赛现场玩家采访
2016/06/28 DOTA
[04:10]2018年度CS GO玩家最喜爱的主播-完美盛典
2018/12/16 DOTA
Python中的特殊语法:filter、map、reduce、lambda介绍
2015/04/14 Python
Python 读取指定文件夹下的所有图像方法
2018/04/27 Python
python numpy格式化打印的实例
2018/05/14 Python
python斐波那契数列的计算方法
2018/09/27 Python
使用tensorflow DataSet实现高效加载变长文本输入
2020/01/20 Python
Python中的xlrd模块使用原理解析
2020/05/21 Python
Django创建一个后台的基本步骤记录
2020/10/02 Python
办公文员的工作岗位职责
2013/11/12 职场文书
军神教学反思
2014/02/04 职场文书
教育实践活动对照检查材料
2014/09/23 职场文书
2014年话务员工作总结
2014/11/19 职场文书
2014年财务经理工作总结
2014/12/08 职场文书
担保书格式
2015/01/20 职场文书
Mybatis-plus在项目中的简单应用
2021/07/01 Java/Android
MySQL创建表操作命令分享
2022/03/25 MySQL