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实现汉字转换为拼音及缩写的方法.分享给大家供大家参考,具体如下: 复制代码 代码如下: if(!window.ZXZ){ZXZ={};} ZXZ.widget={}; ZXZ.widget.pinyin = {_pyvalue: ["a", "ai", "an", "ang", "ao", "ba", "bai", "ban
-
Javascript的this详解
在理解javascript的this之前,首先先了解一下作用域. 作用域分为两种: 1.词法作用域:引擎在当前作用域或者嵌套的子作用域查找具有名称标识符的变量.(引擎如何查找和在哪查找.定义过程发生在代码书写阶段) 2.动态作用域:在运行时被动态确定的作用域. 词法作用域和动态作用域的区别是:词法作用域是在写代码或定义时确定的:动态作用域是在运行时确定的. this的绑定规则 this是在调用时被绑定,取决于函数的调用位置.由此可以知道,一般情况下(非严格模式下),this都会根据函数调用(调用
-
详解javascript设计模式三:代理模式
代理模式是一种对程序对象进行控制性访问的一类解决方案. 引入代理模式,其实是为了实现单一职责的面向对象设计原则. 单一职责其实就是指在一个类中(js中通常指对象和函数等),应仅有一个引起它变化的原因.这样会帮助程序设计具有良好的健壮和高内聚特性,从而当变化发生时,程序设计会尽量少的受到意外破坏. 代理模式有多种方法,保护代理.远程代理.虚拟代理.缓存代理等. 但在javascript中,代理模式最常用到的两种方法是虚拟代理和缓存代理. 虚拟代理 在理解虚拟代理时,可以将其想象为一个经纪人,客户程
-
JavaScript实现无限级递归树的示例代码
需求 最近遇到一个需求,平时被后台惯着直接返回了树形结构给到前端,前端对这种嵌套类型的数据(如地区的级联或菜单的树形结构)省掉了一层处理.换了个后台开发返回了扁平化的数组数据给到前端自己去处理如下data.突然有点慌...... const data = [ { "area_id": 5, "name": "广东省", "parent_id": 0, }, { "area_id": 6, "nam
-
详解javascript函数写法大全
1.常规写法 function fnName(){ console.log("常规写法"); } 2.匿名函数,函数保存到变量里 var myfn = function(){ console.log("匿名函数,函数保存到变量里"); } 3.如果有多个变量,可以用对象收编变量 3.1 用json对象 var fnobject1={ fn1:function(){ console.log("第一个函数"); }, fn2:function(){
-
JavaScript惰性载入函数实例分析
本文实例讲述了JavaScript惰性载入函数.分享给大家供大家参考,具体如下: 惰性载入函数 惰性载入函数表示函数执行的分支仅会发生一次,有两种实现惰性载入函数的方式,第一种是在函数被调用时再处理,在第一次调用中,该函数会覆盖为另外一个按合适方式执行的函数,这样任何对函数的调用都不用再经过执行的分支了.第二种实现惰性载入的方式是在声明函数时就制定适当的函数,这样,第一次调用函数时就不会损失性能了,而在代码首次加载时会损失一点儿性能. 载入方式一 var flag = 1; function t
-
JavaScript偏函数与柯里化实例详解
本文实例讲述了JavaScript偏函数与柯里化.分享给大家供大家参考,具体如下: 到目前为止我们仅讨论绑定this,现在让我们更深入学习. 我们不仅能绑定this,也可以是参数,这较少使用,但有时很方便. bind完整的语法为: let bound = func.bind(context, arg1, arg2, ...); 可以绑定上下文this和函数的初始参数.举例,我们有个乘法函数mul(a,b): function mul(a, b) { return a * b; } 我们可以在该函
-
JavaScript刷新页面的几种方法总结
1,reload 方法 该方法强迫浏览器刷新当前页面. 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2,replace 方法 方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过"前进"和"后退"来访问已
-
Javascript实现一朵从含苞到绽放的玫瑰
用javascript实现的一朵从含苞到绽放的玫瑰 代码奉献了!! 偷偷地做成网页发给女朋友,她会高兴的! <html> <head> </head> <body> <canvas id="c"></canvas> <script> var b = document.body; var c = document.getElementsByTagName('canvas')[0]; var a = c
-
javascript验证form表单数据的案例详解
直接po截图和代码 下面是CheckFormDemo.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>验证表单的案例</title> <link rel="stylesheet" type="text/css" href="../css/body.css" rel=&q
随机推荐
- PHP + plupload.js实现多图上传并显示进度条加删除实例代码
- VB实现屏蔽文本框右键菜单的复制、粘贴等功能的方法
- 用vbs来探测端口的代码 不用注册winsock
- vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
- Tomcat 9 免安装版配置的图文教程(详)
- .net出现80080005错误的解决办法分享
- ASP.NET Web API教程 创建Admin视图详细介绍
- Django中URLconf和include()的协同工作方法
- Javascript 自适应高度的Tab选项卡
- THREE.JS入门教程(5)你应当知道的十件事
- Oracle SQL Developer连接报错(ORA-12505)的解决方案(两种)
- 微信小程序 按钮滑动的实现方法
- Java8中的类型注解浅析
- JAVA获取CLASSPATH路径的方法详解
- 支撑Java NIO与NodeJS的底层技术
- Android编程连接MongoDB及增删改查等基本操作示例
- Python实现SVN的目录周期性备份实例
- .NET实现父窗体关闭而不影响子窗体的方法
- php源码 fsockopen获取网页内容实例详解
- C#如何给word文档添加水印