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）的理解

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com