Javascriptaop(面向切面编程)之around(环绕)分析_javascript技巧

js要实现环绕通知，最简单也最应被想到的就是利用callback（回调）

结果：

before function
foo
after function　　
哈哈，太简单了，是不是可以回去睡觉了。。。。　　

可是，是不是有点太粗糙了。。。。说好的环绕呢。。。。至少下次调用obj.foo也应该是这个结果，而不是一个干巴巴的“foo”；为此我我们需要在改动一下，利用一下闭包

　输出：

before function

after function

看起来达到了环绕的效果，but说好的name哪去了。。。。

在advice返回的闭包中我们还要处理作用域问题

看起来是利用call解决了作用域问题，我们运行一下看看：

卧槽，难道这就是传说中的死循环。。。。

　　看来还是得改变一下，借助一个中间变量消除死循环

输出：

before function
obj
after function　　

哈哈，世界突然变得美好了。。。。
但是这一堆代码看起来是不是太low了，我们是不是要来点高大上的抽象，嗯，我也是这么想的

around方法将处理过程与具体对象解耦；advice只要按照如下格式来书写，就可以达到around的效果

哈哈，瞬间高大上，狂拽酷炫掉渣天，有木有。。。。

　　那么问题来了：如果不小心多调用了一次around方法肿么办。。。。 额。。。。这是个问题 我们是不是应该让around返回一个句柄，里面有个remove方法，消除绑定，就像绑定/移除事件一样。

　　所为remove，就是让函数下次执行时不在执行对应的around方法，而仅仅运行originalFunc方法

输出：

before function 2
before function 1
obj and [object Arguments]
after function 1
after function 2
obj and undefined
before function 1

这个。。不但结果有点乱。。。还报错了。。。。是可忍，叔不可忍，叔可忍，嫂不可忍！

　　啊，闭包。。。请赐予我力量吧！

输出：

before function 2
before function 1
obj and hello world
after function 1
after function 2
before function 2
obj and hello world
after function 2
obj and hello world

打完，收功！

　　第一次通宵写博客也是醉了，两点钟听到隔壁fuck me，四点钟听到乌鸦啼鸣，还有一种不知道什么鸟，啾啾的叫，五点钟这个时候一堆鸟叫。。。。

参考文章：

使用AOP改善javascript代码

yui3的AOP(面向切面编程)和OOP(面向对象编程)

面向切面编程（AOP）的理解