JavaScript的级联函数用法简单示例【链式调用】

更新时间：2019年03月26日 11:38:43 作者：Johnny丶me

这篇文章主要介绍了JavaScript的级联函数用法,结合简单实例形式分析了javascript链式调用具体定义及使用方法,需要的朋友可以参考下

本文实例讲述了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.jb51.net/code/HtmlJsRun测试上述代码，可得如下运行结果：

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数据结构与算法技巧总结》、《JavaScript常用函数技巧汇总》、《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

Javascript 实现放大镜效果实例详解
这篇文章主要介绍了Javascript 实现放大镜效果实例详解的相关资料,这里附有实现实例代码，具有参考价值，需要的朋友可以参考下
2016-12-12
JS用最简单的方法实现四舍五入
在本篇文章里小编给大家整理的是关于JS用最简单的方法实现四舍五入的实例内容，需要的朋友们学习下。
2019-08-08
JS实现基于拖拽改变物体大小的方法
这篇文章主要介绍了JS实现基于拖拽改变物体大小的方法,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
2018-01-01
深入理解javascript中defer的作用
这篇文章主要是对javascript中defer的作用进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-12-12
JS操作select下拉框动态变动(创建/删除/获取)
动态创建及删除select、添加及删除选项option、获得选项option的值、获得选项option的文本等等，感兴趣的朋友可以参考下哈
2013-06-06
JS获取页面窗口大小的代码解读
本节实例给出一个获取浏览器当前窗口大小的方法。当浏览器窗口大小变化时，显示的值会随时变化
2011-12-12
TypeScript泛型的使用详细介绍
在TypeScript中,泛型是一种创建可复用代码组件的工具。这种组件不只能被一种类型使用,而是能被多种类型复用。类似于参数的作用,泛型是一种用以增强类(classes)、类型(types)和接口(interfaces)能力的非常可靠的手段
2022-09-09
阻止mousemove鼠标移动或touchmove触摸移动触发click点击事件
这篇文章主要为大家介绍了阻止mousemove或touchmove与click事件同时触发技巧，一个按钮绑定了多个事件，所以就要想办法阻止 mouse 鼠标事件或 touch 触摸事件与 click 事件同时触发，不然每次拖拽按钮后都会触发 click 事件，这显然是不友好的
2023-06-06
详解uniapp无痛刷新token方法
为了给用户一个流畅的体验,token过期后需要重新请求新的token替换过期的token。本文将详细介绍uniapp无痛刷新token方法。
2021-06-06
javascript生成大小写字母
本文给大家分享的是javascript生成大写小写字母的代码，十分的简单实用，主要用到了str.charCodeAt()和 String.fromCharCode()方法，有需要的小伙伴可以参考下。
2015-07-07

JavaScript的级联函数用法简单示例【链式调用】

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具