javascript --- 让函数的实例可以链式调用

关键:

在每个函数的末尾加上 return this
this:在javascript中表示当前的对象

栗如:

有以下函数

var fooObj = {foo1: function() {console.log(1);},foo2: function() {console.log(2);},foo3: function() {console.log(3);}
}// 你想通过
fooObj.foo1().foo2().foo3()
// 的方式调用.//只需改造如下:
var fooObj = {foo1: function() {console.log(1);return this},foo2: function() {console.log(2);return this},foo3: function() {console.log(3);return this}
}// 此时this指向fooObj 即调用fooObj.foo1()后的执行环境还是fooObj

javascript --- 让函数的实例可以链式调用相关推荐

javascript --- 对象的方式体验链式调用
将功能相近的方法写入同一个对象中,是一个很好的编程习惯,便于后期的维护和前期的开发. foo1 var fooObj = {foo1: function() {console.log('foo1'); ...
Javascript基础知识篇(5): 面向对象之链式调用
在我们平常的web开发中,已经存在各种大型的专业Javascript类库(JQuery,Prototype,ExtJS)等,它们都充分利用了Javascript面向对象的思想,使得类库更加富有灵活性和 ...
实现同步请求_图解 Promise 实现原理（二）—— Promise 链式调用
摘要很多同学在学习 Promise 时,知其然却不知其所以然,对其中的用法理解不了.本系列文章由浅入深逐步实现 Promise,并结合流程图.实例以及动画进行演示,达到深刻理解 Promise 用法 ...
java中链式调用_Java及Android中常用链式调用写法简单示例
本文实例讲述了Java及Android中常用链式调用写法.分享给大家供大家参考,具体如下: 最近发现,目前大火的许多开源框架中,大多都使用了一种"(方法).(方法).(方法)"的形 ...
[jQuery] jQuery是如何链式调用的？
[jQuery] jQuery是如何链式调用的? 返回对象本身即可,类似 obj = { func: function(){ return obj } }, 那么 obj.func().func() ...
彻底掌握 Promise-原生Promise的实现(二) Promise的链式调用
在彻底掌握 Promise- 原生 Promise 的实现(一) 已经初步实现了 promise 的简易版本,这距离实现完整版本的 Promise 还有一段距离,下面我们将在简易版本的基础上增加 P ...
Java8链式调用_java链式调用（转载http://www.cnblogs.com/quiet-snowy-day/p/6091233.html）
记录最近在项目设计中遇到的一个小问题. 前提:有这样两个POJO类,它们都可以通过链式调用的方式来设置其属性值,其中一个类继承了另一个类. 问题:通过链式调用,子类对象访问父类方法后,如何使返回对象仍 ...
Android 快速实现新手引导层的库，通过简洁链式调用，一行代码实现引导层的显示
NewbieGuide 项目地址:huburt-Hu/NewbieGuide 简介:Android 快速实现新手引导层的库,通过简洁链式调用,一行代码实现引导层的显示更多:作者提 Bug 标 ...
JS 通过 Promise 实现延时执行，支持链式调用
JS 通过 Promise 实现延时执行,支持链式调用延时执行 sleep 版本一同步执行异步方式 sleep 版本二支持链式调用版本一版本二参考资料延时执行定义sleep函数 sl ...

javascript --- 让函数的实例可以链式调用

关键:

栗如:

javascript --- 让函数的实例可以链式调用相关推荐

最新文章

热门文章