《javascript设计模式与开发实践》阅读笔记六(高阶函数AOP)
来源:互联网 发布:淘宝客服对话 编辑:程序博客网 时间:2024/06/05 09:02
所谓AOP就是面向切面的编程,就是把一些与业务逻辑无关的功能模块抽离出啦,这个模块主要有:日志管理、安全控制、异常处理等等。
Java是通过反射和动态代理机制来实现AOP,Javascript可以通过函数”动态织入“来实现AOP,下面是一个例子:
Function.prototype.before = function(beforefn) { var _self = this; return function() { // body... beforefn.apply(this, arguments); //执行新函数,修正this return _self.apply(this, arguments); //执行新函数 } } Function.prototype.after = function(afterfn) { var _self = this; return function() { var ret = _self.apply(this, arguments); afterfn.apply(this, arguments); return ret; } } var func = function() { console.log(2); } func = func.before(function() { console.log(1); }).after(function() { console.log(3); }) func();//1,2,3
说实话,这段代码我看得有点头疼。主要是用了apply,同时还返回了函数,下面我来分析一下,以before为例
Function.prototype.before = function(beforefn) { var _self = this; return function() { // body... beforefn.apply(this, arguments); //执行新函数,修正this return _self.apply(this, arguments); //执行新函数 } } var func = function() { console.log(2); }func = func.before(function() { console.log(1); })
首先是说明,在函数Function.prototype上定义了两个方法before和after,那么所有函数对象都将继承Function的这个方法,因此声明了一个func函数,这个函数的原型就是Function,所以它得以继承before和after这两个方法。
接下来看before里面具体执行了什么:
明确this:使用_self保存了当前的this,这个this指的就是调用这个函数的对象func,而在返回函数中的beforefn.apply(this, arguments); 这个this指向的是全局,发现改成null也行 beforefn.apply(null, arguments); //执行新函数,修正this。null是指this指向宿主对象
因此这句话的意思beforefn.apply(this, arguments); //执行新函数,修正this, 这句话 return _self.apply(this, arguments); 就是返回原来调用beforefn的函数func。
大概就是这个意思,因为返回了_self,所以得以链式调用吧。
不过暂时不明白这个和AOP有什么关联,大概就是在一个函数上定义了执行前干什么和执行完毕干什么的区别?
- 《javascript设计模式与开发实践》阅读笔记六(高阶函数AOP)
- 《javascript设计模式与开发实践》阅读笔记(五)——高阶函数
- 【学习笔记javascript设计模式与开发实践(闭包和高阶函数)----3】
- 【学习笔记javascript设计模式与开发实践(闭包和高阶函数)----3】
- 《javascript设计模式与开发实践》阅读笔记(一)
- 《javascript设计模式与开发实践》阅读笔记(二)
- 《javascript设计模式与开发实践》阅读笔记(三)
- 《javascript设计模式与开发实践》阅读笔记(四)
- 《javascript设计模式与开发实践》阅读笔记(10)—— 组合模式
- 《javascript设计模式与开发实践》阅读笔记(11)—— 模板方法模式
- 《javascript设计模式与开发实践》阅读笔记(12)—— 享元模式
- 《javascript设计模式与开发实践》阅读笔记(14)—— 中介者模式
- 《javascript设计模式与开发实践》阅读笔记(11)—— 模板方法模式
- 《javascript设计模式与开发实践》阅读笔记(12)—— 享元模式
- 《javascript设计模式与开发实践》阅读笔记(10)—— 组合模式
- 《javascript设计模式与开发实践》阅读笔记(11)—— 模板方法模式
- 《javascript设计模式与开发实践》阅读笔记(12)—— 享元模式
- 《javascript设计模式与开发实践》阅读笔记(10)—— 组合模式
- 不同芯片和设备之间,如何稳定的,安全的通信?
- Oracle 块儿跟踪(block change tracking)开启和使用
- Java SSM 商户管理系统 客户管理 库存管理 销售报表 项目源码
- 王道机试指南读后总结-6(动态规划等)
- iOS音视频实现边下载边播放
- 《javascript设计模式与开发实践》阅读笔记六(高阶函数AOP)
- Linux系统启动过程分析
- iOS Swift3.0实现视频播放横竖屏切换效果
- Codeforces Round #403 (Div. 2, based on Technocup 2017 Finals) B. The Meeting Place Cannot Be Change
- Struts2中<s-if>和<s-iterator>标签的使用
- 利用luks加密linux磁盘
- 抽象工厂对产品等级的拓展(求大神指点)
- wordpress如何获得当前用户的头像
- Laravel学习篇-数据库操作和查询构造器