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等比例缩小图片尺寸的实例
Feb 27 Javascript
javascript中兼容主流浏览器的动态生成iframe方法
May 05 Javascript
jQuery中[attribute]选择器用法实例
Dec 31 Javascript
jquery实现增加删除行的方法
Feb 03 Javascript
JavaScript中操作字符串小结
May 04 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
Nov 17 Javascript
BootStrapTable服务器分页实例解析
Dec 20 Javascript
react-redux中connect()方法详细解析
May 27 Javascript
vue-router之nuxt动态路由设置的两种方法小结
Sep 26 Javascript
微信小程序实现登录注册tab切换效果
Dec 29 Javascript
详解vue后台系统登录态管理
Apr 02 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
Jun 04 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
一个简单计数器的源代码
2006/10/09 PHP
PHP实现MVC开发得最简单的方法――模型
2007/04/10 PHP
php数组去重的函数代码
2013/02/03 PHP
header导出Excel应用示例
2014/01/24 PHP
php ci框架中加载css和js文件失败的解决方法
2014/03/03 PHP
采用memcache在web集群中实现session的同步会话
2014/07/05 PHP
ThinkPHP中where()使用方法详解
2016/04/19 PHP
php和asp语法上的区别总结
2019/05/12 PHP
因str_replace导致的注入问题总结
2019/08/08 PHP
一个js封装的不错的选项卡效果代码
2008/02/15 Javascript
jQuery的初始化与对象构建之浅析
2011/04/12 Javascript
一个简单的js树形菜单
2011/12/09 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
2015/07/31 Javascript
javascript作用域、作用域链(菜鸟必看)
2016/06/16 Javascript
Bootstrap插件全集
2016/07/18 Javascript
vue 项目常用加载器及配置详解
2018/01/22 Javascript
9102了,你还不会移动端真机调试吗
2019/03/25 Javascript
微信小程序全局变量的设置、使用、修改过程解析
2019/09/24 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
2019/10/15 Javascript
详解ES6 扩展运算符的使用与注意事项
2020/11/12 Javascript
[02:27]2018DOTA2亚洲邀请赛赛前采访-OpTic
2018/04/03 DOTA
Python内置函数bin() oct()等实现进制转换
2012/12/30 Python
Python深入学习之装饰器
2014/08/31 Python
Python中列表list以及list与数组array的相互转换实现方法
2017/09/22 Python
python reduce 函数使用详解
2017/12/05 Python
Python实现微信机器人的方法
2019/09/06 Python
python使用numpy实现直方图反向投影示例
2020/01/17 Python
keras模型可视化,层可视化及kernel可视化实例
2020/01/24 Python
使用scrapy ImagesPipeline爬取图片资源的示例代码
2020/09/28 Python
美国马匹用品和马钉购物网站:State Line Tack
2018/08/05 全球购物
大学生最新职业生涯规划书范文
2014/01/12 职场文书
食堂厨师岗位职责
2014/08/25 职场文书
教师国庆节演讲稿范文2014
2014/09/21 职场文书
2014年工人工作总结
2014/11/25 职场文书
导游词开场白
2015/01/31 职场文书
关于@OnetoMany关系映射的排序问题,使用注解@OrderBy
2021/12/06 Java/Android