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 相关文章推荐
免费空间广告万能消除代码
Sep 04 Javascript
JavaScript 学习笔记 Black.Caffeine 09.11.28
Nov 30 Javascript
简单实用的js调试logger组件实现代码
Nov 20 Javascript
关于include标签导致js路径找不到的问题分析及解决
Jul 09 Javascript
jquery三个关闭弹出层的小示例
Nov 05 Javascript
Bootstrap页面缩小变形的快速解决办法
Feb 03 Javascript
Node.js如何使用Diffie-Hellman密钥交换算法详解
Sep 05 Javascript
解决ie img标签内存泄漏的问题
Oct 13 Javascript
js 判断一个数字是不是2的n次方幂的实例
Nov 26 Javascript
解决vue中修改了数据但视图无法更新的情况
Aug 27 Javascript
微信小程序wx.request拦截器使用详解
Jul 09 Javascript
vue3+typeScript穿梭框的实现示例
Dec 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
深入PHP中的HashTable结构详解
2013/06/13 PHP
PHP程序员不应该忽略的3点
2015/10/09 PHP
php curl上传、下载、https登陆实现代码
2017/07/23 PHP
在 IE 中调用 javascript 打开 Excel 表
2006/12/21 Javascript
JAVASCRIPT keycode总结
2009/02/04 Javascript
用Javascript评估用户输入密码的强度实现代码
2011/11/30 Javascript
JQuery zClip插件实现复制页面内容到剪贴板
2015/11/02 Javascript
javascript轻量级库createjs使用Easel实现拖拽效果
2016/02/19 Javascript
jQuery实现手机自定义弹出输入框
2016/06/13 Javascript
jquery中用jsonp实现搜索框功能
2016/10/18 Javascript
JS正则表达式判断有效数实例代码
2017/03/13 Javascript
JavaScript 中Date对象的格式化代码方法汇总
2017/09/06 Javascript
js 公式编辑器 - 自定义匹配规则 - 带提示下拉框 - 动态获取光标像素坐标
2018/01/04 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
2018/10/08 Javascript
使用Sonarqube扫描Javascript代码的示例
2018/12/26 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
2019/04/28 Javascript
通过实例解析js简易模块加载器
2019/06/17 Javascript
微信小程序实现圆形进度条动画
2020/11/18 Javascript
[47:20]DAC2018 4.4 淘汰赛 Optic vs Mineski 第一场
2018/04/05 DOTA
Python中os.path用法分析
2015/01/15 Python
tensorflow实现softma识别MNIST
2018/03/12 Python
快速排序的四种python实现(推荐)
2019/04/03 Python
Django上线部署之IIS的配置方法
2019/08/22 Python
使用keras内置的模型进行图片预测实例
2020/06/17 Python
python与js主要区别点总结
2020/09/13 Python
印尼最大的在线购物网站:MatahariMall.com
2016/08/26 全球购物
中国一家综合的外贸B2C电子商务网站:DealeXtreme(DX)
2020/03/10 全球购物
在SQL Server中创建数据库主要有那种方式
2013/09/10 面试题
大学在校生求职信范文
2013/11/21 职场文书
药剂专业个人求职信范文
2014/04/29 职场文书
婚礼秀策划方案
2014/05/19 职场文书
销售行政专员岗位职责
2014/06/10 职场文书
学校2015年纠风工作总结
2015/05/15 职场文书
无罪辩护词范文
2015/05/21 职场文书
2016学校先进党组织事迹材料
2016/02/29 职场文书
Vue操作Storage本地化存储
2022/04/29 Vue.js