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弹窗代码 可以指定弹出间隔
Jul 03 Javascript
jQuery Dialog 弹出层对话框插件
Aug 09 Javascript
Javascript技巧之不要用for in语句对数组进行遍历
Oct 20 Javascript
打开新窗口关闭当前页面不弹出关闭提示js代码
Mar 18 Javascript
IE6下拉框图层问题探讨及解决
Jan 03 Javascript
jquery实现未经美化的简洁TAB菜单效果
Aug 28 Javascript
zTree插件下拉树使用入门教程
Apr 11 Javascript
浅谈js中的变量名和函数名重名
Feb 13 Javascript
JS三目运算(三元运算)方法详解
Mar 01 Javascript
js 将canvas生成图片保存,或直接保存一张图片的实现方法
Jan 02 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
May 12 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
Jan 12 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 页面编码声明方法详解(header或meta)
2010/03/12 PHP
php编程实现获取excel文档内容的代码实例
2011/06/28 PHP
PHP Curl多线程原理实例详解
2013/11/06 PHP
Yii中render和renderPartial的区别
2014/09/03 PHP
ThinkPHP实现带验证码的文件上传功能实例
2014/11/01 PHP
PHP处理CSV表格文件的常用操作方法总结
2016/07/01 PHP
这些年、我收集的JQuery代码小结
2012/08/01 Javascript
jQuery.prototype.init选择器构造函数源码思路分析
2013/02/05 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
2015/02/02 Javascript
iScroll中事件点击触发两次解决方案
2015/03/11 Javascript
JavaScript 匿名函数和闭包介绍
2015/04/13 Javascript
浅析JavaScript 箭头函数 generator Date JSON
2016/05/23 Javascript
jQuery 插件实现随机自由弹跳气泡样式
2017/01/12 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
2018/02/23 Javascript
vue中的自定义分页插件组件的示例
2018/08/18 Javascript
webpack4 配置 ssr 环境遇到“document is not defined”
2019/10/24 Javascript
详解javascript中var与ES6规范中let、const区别与用法
2020/01/11 Javascript
Js跳出两级循环方法代码实例
2020/09/22 Javascript
[01:51]DAC趣味视频-如何成为职业选手.mp4
2017/04/02 DOTA
easy_install python包安装管理工具介绍
2013/02/10 Python
使用Python的package机制如何简化utils包设计详解
2017/12/11 Python
对python同一个文件夹里面不同.py文件的交叉引用方法详解
2018/12/15 Python
python自带tkinter库实现棋盘覆盖图形界面
2019/07/17 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
详解python中的生成器、迭代器、闭包、装饰器
2019/08/22 Python
Python基础之函数基本用法与进阶详解
2020/01/02 Python
video结合canvas实现视频在线截图功能
2018/06/25 HTML / CSS
HTML5 Canvas中使用路径描画二阶、三阶贝塞尔曲线
2015/01/01 HTML / CSS
如何查找网页漏洞
2016/06/22 面试题
仓库组长岗位职责
2014/01/29 职场文书
研究生毕业鉴定
2014/01/29 职场文书
健康家庭事迹材料
2014/05/02 职场文书
小学语文教研活动总结
2014/07/01 职场文书
母亲节寄语大全
2015/02/27 职场文书
莫言获奖感言(全文)
2015/07/31 职场文书
企业安全隐患排查治理制度
2015/08/05 职场文书