快捷導(dǎo)航

關(guān)于AOP在JS中的實現(xiàn)與應(yīng)用詳解

更新時間：2019年05月06日 10:53:38 作者：_Sirius

這篇文章主要給大家介紹了關(guān)于AOP在JS中的實現(xiàn)與應(yīng)用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧

1.AOP介紹

簡介

AOP （面向切面編程），縮寫為Aspect Oriented Programming，意為：面向切面編程，通過預(yù)編譯方式和運(yùn)行期動態(tài)代理實現(xiàn)程序功能的統(tǒng)一維護(hù)的一種技術(shù)。AOP是OOP的延續(xù)，是軟件開發(fā)中的一個熱點，也是JAVA 中Spring框架的一個重要內(nèi)容，是函數(shù)式編程的一種衍生范型。利用AOP可以對業(yè)務(wù)邏輯的各個部分進(jìn)行隔離，從而使得業(yè)務(wù)邏輯各部分之間的耦合度降低，提高程序的可重用性，同時提高了開發(fā)的效率。

主要功能

日志記錄
性能統(tǒng)計
安全控制
事務(wù)處理
異常處理等等。

主要意圖

將日志記錄，性能統(tǒng)計，安全控制，事務(wù)處理，異常處理等代碼從業(yè)務(wù)邏輯代碼中劃分出來，通過對這些行為的分離，我們希望可以將它們獨立到非指導(dǎo)業(yè)務(wù)邏輯的方法中，進(jìn)而改變這些行為的時候不影響業(yè)務(wù)邏輯的代碼。

注：請慎重的在JS的中使用AOP！因為部分JS的方法是異步的。

必要時使用ES7中的async/await/Promise，以保證代碼的順序執(zhí)行。

2.AOP在JS中的實現(xiàn)原理

js中aop的實現(xiàn)原理主要依靠Function的兩個函數(shù):apply和call。

apply函數(shù)

Function.apply(obj, args);

apply方法能劫持另外一個對象的方法，繼承另外一個對象的屬性

Function.apply(obj, args)方法能接收兩個參數(shù)

obj：這個對象將代替Function類里this對象

args：這個是數(shù)組，它將作為參數(shù)傳給Function（args–>arguments）

利用Function.apply()的參數(shù)數(shù)組化來提升程序的性能

示例：

function dosomething(a,b,c){
 console.log('do something.', a, b, c);
 // 預(yù)期結(jié)果： do something. see say run
}

let something = ['see', 'say', 'run'];
dosomething.apply(this, something);

call函數(shù)

Function.call(obj, arg, arg, ...);1

示例：

function dosomething(a,b,c){
 console.log('do something.', a, b, c);
 // 預(yù)期結(jié)果： do something. see say run
}

dosomething.call(this, 'see', 'say', 'run');

推薦：使用apply函數(shù)。call函數(shù)和apply函數(shù)的效果是一樣，但是call函數(shù)的參數(shù)不夠靈活，在寫法上參數(shù)無法靈活伸縮；apply函數(shù)，只需要把參數(shù)放到數(shù)組里即可。apply比call函數(shù)更適合在項目實際開發(fā)中使用，并且apply比call的性能要好。

3.AOP在JS中的實現(xiàn)

從事過Java Web開發(fā)的童鞋，一定用過Spring框架。在Spring的框架中有before（前置通知）、after（后置通知）、around（環(huán)繞通知）。

今天我們在JS中實現(xiàn)的這三種通知。

1. before（前置通知）

before函數(shù)，用來實現(xiàn)函數(shù)的前置通知。在目標(biāo)函數(shù)的前面執(zhí)行一些前置操作。

// AOP 前置通知函數(shù)聲明
/**
 * 給方法加入前置切片函數(shù)
 * 可以在執(zhí)行方法之前執(zhí)行一些操作,
 * 前置切片的返回值為false時，不影響原方法的執(zhí)行
 * @param func {Function} 被前置執(zhí)行的函數(shù)
 * @return {Function} 加入前置通知的函數(shù)
 */
Function.prototype._before = function(func){
 var __self = this;
 return function(){
  func.apply(__self, arguments);
  return __self.apply(__self, arguments);
 }
}

// 代碼
function a(){
 console.log('I\'m a');
}

a = a._before(function(){
 console.log('before');
});

a();
// 結(jié)果：
// before
// I'm a

2. after（后置通知）

after函數(shù)，用來實現(xiàn)函數(shù)的后置通知。在目標(biāo)函數(shù)的后面面執(zhí)行一些后置操作。

// AOP 后置通知函數(shù)聲明
/**
 * 給方法加入后置切片函數(shù)
 * 可以在執(zhí)行方法之之后執(zhí)行一些操作
 * 后置切片的返回值為false時，不影響原方法的執(zhí)行
 * @param func {Function} 被后置執(zhí)行的函數(shù)
 * @return {Function} 加入后置通知的函數(shù)
 * @constructor
 */
Function.prototype._after = function(func){
 var __self = this;
 return function(){
  var ret = __self.apply(__self, arguments);
  func.apply(__self, arguments);
  return ret;
 }
}

// 代碼
function b(){
 console.log('I\'m b');
}

b = b._after(function(){
 console.log('after');
});

b();
// 結(jié)果：
// I'm b
// after

3. around（環(huán)繞通知）

在around函數(shù)中，引入了一個JoinPoint對象。JoinPoint對象封裝了目標(biāo)函數(shù)和目標(biāo)函數(shù)的參數(shù)。在調(diào)用JoinPoint對象的invoke函數(shù)時，會去調(diào)用原來的目標(biāo)函數(shù)。在調(diào)用invoke時，如果需要改變目標(biāo)函數(shù)的this對象，需要將對象傳入到invoke的參數(shù)中。around函數(shù)，可以在目標(biāo)函數(shù)的前面和后面隨意加入邏輯代碼，也可以根據(jù)條件判斷是否執(zhí)行目標(biāo)函數(shù)。

// AOP 環(huán)繞通知函數(shù)聲明
/**
 * 切入點對象
 * 不允許切入對象多次調(diào)用
 * @param obj 對象
 * @param args 參數(shù)
 * @constructor
 */
function JoinPoint(obj, args){
 var isapply = false;      // 判斷是否執(zhí)行過目標(biāo)函數(shù)
 var result = null;       // 保存目標(biāo)函數(shù)的執(zhí)行結(jié)果

 this.source = obj;       // 目標(biāo)函數(shù)對象
 this.args = args;       // 目標(biāo)函數(shù)對象傳入的參數(shù)

 /**
  * 目標(biāo)函數(shù)的代理執(zhí)行函數(shù)
  * 如果被調(diào)用過，不能重復(fù)調(diào)用
  * @return {object} 目標(biāo)函數(shù)的返回結(jié)果
  */
 this.invoke = function(thiz){    
  if(isapply){ return; }
  isapply = true;
  result = this.source.apply(thiz || this.source, this.args);
  return result;
 };

 // 獲取目標(biāo)函數(shù)執(zhí)行結(jié)果
 this.getResult = function(){
  return result;
 }
}

/**
 * 方法環(huán)繞通知
 * 原方法的執(zhí)行需在環(huán)繞通知方法中執(zhí)行
 * @param func {Function} 環(huán)繞通知的函數(shù)
 *  程序會往func中傳入一個JoinPoint(切入點)對象, 在適當(dāng)?shù)臅r機(jī)
 *  執(zhí)行JoinPoint對象的invoke函數(shù)，調(diào)用目標(biāo)函數(shù)
 * 
 * @return {Function} 切入環(huán)繞通知后的函數(shù)，
 */
Function.prototype._around = function(func){
 var __self = this;
 return function(){
  var args = [new JoinPoint(__self, arguments)];
  return func.apply(this, args);
 }
}

// 代碼

var isAdmin = true;

function c(){
 console.log('show user list');
}

c = c._around(function(joinpoint){
 if(isAdmin){ // 滿足條件時，執(zhí)行目標(biāo)函數(shù)
  console.log('is admin');
  joinpoint.invoke(this);
 }
});

c();
// 結(jié)果
// if isAdmin == true
//  is admin
//  show user list
// if isAdmin == false
//

4.AOP在JS中的應(yīng)用

AOP在數(shù)據(jù)庫方面的應(yīng)用

記錄sql的執(zhí)行記錄(AOP的前置通知)
記錄sql的執(zhí)行時間(AOP的環(huán)繞通知)
sql執(zhí)行完后自動釋放連接(AOP的環(huán)繞通知)

本人基于NodeJS寫了一個關(guān)系型數(shù)據(jù)庫持久層框架——Ebatis。在Ebatis中，使用了AOP思想，完美解決了對sql執(zhí)行記錄，性能等信息的監(jiān)控，并且可以自動釋放連接。

有興趣的可以使用我寫的Ebatis框架。

Ebatis相當(dāng)于Java上的Mybatis，像mybatis一樣，支持動態(tài)sql，支持事務(wù)，配置簡單。目前只支持Mysql數(shù)據(jù)庫，后續(xù)兼容 Postgresql，SqlServer，Sqlite 等其他關(guān)系型數(shù)據(jù)庫。

GitHub地址：https://github.com/muzin/ebatis

或者

Npm地址：https://www.npmjs.com/package/ebatis

或者