初識AOP（面向切面編程）

初識AOP（面向切面編程）

AOP的定義

AOP是什麼？目前本身的理解是把一個函數‘動態的的插入’到另一個函數當中，就像一個鉤子同樣。下面是詳細的定義。

面向切面編程（AOP是Aspect Oriented Program的首字母縮寫） ，咱們知道，面向對象的特色是繼承、多態和封裝。而封裝就要求將功能分散到不一樣的對象中去，這在軟件設計中每每稱爲職責分配。實際上也就是說，讓不一樣的類設計不一樣的方法。這樣代碼就分散到一個個的類中去了。這樣作的好處是下降了代碼的複雜程度，使類可重用。

可是人們也發現，在分散代碼的同時，也增長了代碼的重複性。什麼意思呢？好比說，咱們在兩個類中，可能都須要在每一個方法中作日誌。按面向對象的設計方法，咱們就必須在兩個類的方法中都加入日誌的內容。也許他們是徹底相同的，但就是由於面向對象的設計讓類與類之間沒法聯繫，而不能將這些重複的代碼統一塊兒來。

也許有人會說，那好辦啊，咱們能夠將這段代碼寫在一個獨立的類獨立的方法裏，而後再在這兩個類中調用。可是，這樣一來，這兩個類跟咱們上面提到的獨立的類就有耦合了，它的改變會影響這兩個類。那麼，有沒有什麼辦法，能讓咱們在須要的時候，隨意地加入代碼呢？這種在運行時，動態地將代碼切入到類的指定方法、指定位置上的編程思想就是面向切面的編程。

通常而言，咱們管切入到指定類指定方法的代碼片斷稱爲切面，而切入到哪些類、哪些方法則叫切入點。有了AOP，咱們就能夠把幾個類共有的代碼，抽取到一個切片中，等到須要時再切入對象中去，從而改變其原有的行爲。

這樣看來，AOP其實只是OOP的補充而已。OOP從橫向上區分出一個個的類來，而AOP則從縱向上向對象中加入特定的代碼。有了AOP，OOP變得立體了。若是加上時間維度，AOP使OOP由原來的二維變爲三維了，由平面變成立體了。從技術上來講，AOP基本上是經過代理機制實現的。

AOP在編程歷史上能夠說是里程碑式的，對OOP編程是一種十分有益的補充。

喜聞樂見的代碼

Function.prototype.before = function(beforeFn) {
      var _self = this; // 保存原函數引用
      return function(){ // 返回包含了原函數和新函數的‘代理’函數
        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 obj = {
      name: 'tangdy',
      before: 'this is before',
      after: 'this is after',
      method: function(){
        console.log(this.name);
      }
    }

    obj.method = obj.method.before(function(){
     console.log(this.before)
    }).after(function(){
     console.log(this.after)
    });
    obj.method();
    // this is before
    // tangdy
    // this is after

before和after都會返回一個新的函數(一個函數外殼)，將原來的函數儲存到新的函數當中，同時把傳入的函數也儲存到新的函數。

var _self = this; // 保存原函數引用此處的this爲何會是原函數的引用？

調用時的語法：obj.method.before(...);before的前一個調用棧是method,因此before內部的this採用了隱式綁定，this就是method。