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 相关文章推荐
文本加密解密
Jun 23 Javascript
[对联广告] JS脚本类
Aug 27 Javascript
JavaScript Event学习补遗 addEventSimple
Feb 11 Javascript
javascript 类型判断代码分析
Mar 28 Javascript
基于JQuery的cookie插件
Apr 07 Javascript
js iframe跨域访问(同主域/非同主域)分别深入介绍
Jan 24 Javascript
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
Feb 05 Javascript
jQuery实现简单的点赞效果
May 29 Javascript
javascript拖拽应用实例(二)
Mar 25 Javascript
JavaScript动态生成二维码图片
Apr 20 Javascript
jQuery自定义组件(导入组件)
Nov 08 Javascript
Vue.js 2.x之组件的定义和注册图文详解
Jun 19 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
模拟OICQ的实现思路和核心程序(三)
2006/10/09 PHP
Php Image Resize图片大小调整的函数代码
2011/01/17 PHP
php中echo()和print()、require()和include()等易混淆函数的区别
2012/02/22 PHP
destoon后台网站设置变成空白的解决方法
2014/06/21 PHP
PHP创建PowerPoint2007文档的方法
2015/12/10 PHP
thinkPHP+PHPExcel实现读取文件日期的方法(含时分秒)
2016/07/07 PHP
laravel-admin 管理平台获取当前登陆用户信息的例子
2019/10/08 PHP
跟我一起学写jQuery插件开发方法(附完整实例及下载)
2010/04/01 Javascript
jquery ui resizable bug解决方法
2010/10/26 Javascript
js中array的sort()方法使用介绍
2014/02/20 Javascript
javascript使用输出语句实现网页特效代码
2015/08/06 Javascript
jQuery遮罩层效果实例分析
2016/01/14 Javascript
基于JQuery实现图片上传预览与删除操作
2016/05/24 Javascript
jquery css实现邮箱自动补全
2016/11/14 Javascript
JavaScript获取短信验证码(周期性)
2016/12/29 Javascript
Vue2.0使用过程常见的一些问题总结学习
2017/04/10 Javascript
Vue2.0表单校验组件vee-validate的使用详解
2017/05/02 Javascript
JavaScript运动框架 解决速度正负取整问题(一)
2017/05/17 Javascript
Webpack如何引入bootstrap的方法
2017/06/17 Javascript
详解Vue双向数据绑定原理解析
2017/09/11 Javascript
vue+webpack dev本地调试全局样式引用失效的解决方案
2019/11/12 Javascript
Javascript confirm多种使用方法解析
2020/09/25 Javascript
在Python中使用模块的教程
2015/04/27 Python
通过实例浅析Python对比C语言的编程思想差异
2015/08/30 Python
浅析Python中MySQLdb的事务处理功能
2016/09/21 Python
Python实现小数转化为百分数的格式化输出方法示例
2017/09/20 Python
Python之reload流程实例代码解析
2018/01/29 Python
Python3 shutil(高级文件操作模块)实例用法总结
2020/02/19 Python
python高阶函数map()和reduce()实例解析
2020/03/16 Python
python将unicode和str互相转化的实现
2020/05/11 Python
Python网页解析器使用实例详解
2020/05/30 Python
跨域修改iframe页面内容详解
2019/10/31 HTML / CSS
捐款倡议书格式范文
2014/05/14 职场文书
实习生辞职信范文
2015/03/02 职场文书
活动总结模板大全
2015/05/11 职场文书
职场中的你,辞职信写对了吗?
2019/06/26 职场文书