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运动
Dec 28 Javascript
浅析JavaScript作用域链、执行上下文与闭包
Feb 01 Javascript
BootStrap点击下拉菜单项后显示一个新的输入框实现代码
May 16 Javascript
AngularJS基础 ng-list 指令详解及示例代码
Aug 02 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
Apr 12 Javascript
vue loadmore 组件滑动加载更多源码解析
Jul 19 Javascript
Vue2.0+ElementUI实现表格翻页的实例
Oct 23 Javascript
Vue源码学习之初始化模块init.js解析
Nov 02 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
Jul 31 Javascript
jQuery实现简单QQ聊天框
Aug 27 jQuery
vue配置多代理服务接口地址操作
Sep 08 Javascript
JS中队列和双端队列实现及应用详解
Sep 29 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导出MySQL数据到Excel文件(fputcsv)
2011/07/03 PHP
PHP COOKIE及时生效的方法介绍
2014/02/14 PHP
php如何实现只替换一次或N次
2015/10/29 PHP
PHP实现的多文件上传类及用法示例
2016/05/06 PHP
php观察者模式应用场景实例详解
2017/02/03 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
AJAX的使用方法详解
2017/04/29 PHP
php中通用的excel导出方法实例
2017/12/30 PHP
PHP中的输出echo、print、printf、sprintf、print_r和var_dump的示例代码
2020/12/01 PHP
JS小框架 fly javascript framework
2009/11/26 Javascript
Javascript学习笔记2 函数
2010/01/11 Javascript
javascript Window及document对象详细整理
2011/01/12 Javascript
jquery对象和DOM对象的区别介绍
2013/08/09 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
Js 正则表达式知识汇总
2014/12/02 Javascript
封装好的js判断操作系统与浏览器代码分享
2015/01/09 Javascript
jQuery插件MixItUp实现动画过滤和排序
2015/04/12 Javascript
AngularJS入门教程之REST和定制服务详解
2016/08/19 Javascript
js两种拼接字符串的简单方法(必看)
2016/09/02 Javascript
扩展jquery easyui tree的搜索树节点方法(推荐)
2016/10/28 Javascript
js实现下拉菜单效果
2017/03/01 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
2017/03/21 jQuery
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
2018/01/12 Javascript
微信小程序仿朋友圈发布动态功能
2018/07/15 Javascript
vue-cli中安装方法(图文详细步骤)
2018/12/12 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
2019/11/13 Javascript
使用vue打包进行云服务器上传的问题
2020/03/02 Javascript
Python使用tablib生成excel文件的简单实现方法
2016/03/16 Python
利用Python求阴影部分的面积实例代码
2018/12/05 Python
python pandas生成时间列表
2019/06/29 Python
PyCharm专业最新版2019.1安装步骤(含激活码)
2019/10/09 Python
python 怎样进行内存管理
2020/11/10 Python
单身旅行者的单身假期:Just You
2018/04/08 全球购物
经典的毕业生自荐信范文
2014/04/14 职场文书
事业单位人员的自我评价范文
2014/09/21 职场文书
小学教师个人工作总结2015
2015/04/20 职场文书