欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(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

或者

npm install ebatis1

后續(xù),加入AOP在JS中的應(yīng)用的示例代碼~~~

就先到這~

總結(jié)

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,謝謝大家對腳本之家的支持。

相關(guān)文章

  • 低代碼從0到1創(chuàng)建小程序項目詳解流程

    低代碼從0到1創(chuàng)建小程序項目詳解流程

    低代碼作為開發(fā)工具類的產(chǎn)品,需要有從0到1體系化的教程才可以,而且還得有教師進(jìn)行輔助。否則,學(xué)習(xí)低代碼是有難度的,入門很難。因為大家習(xí)慣了用代碼編程,一下子過度到可視化編程,有一個思路上的轉(zhuǎn)變
    2022-08-08
  • JavaScript設(shè)計模式組合設(shè)計模式案例

    JavaScript設(shè)計模式組合設(shè)計模式案例

    這篇文章主要介紹了JavaScript設(shè)計模式組合設(shè)計模式案例,組合設(shè)計模式是用于將多個部分通過組合的方式行成一個整體,更多相關(guān)內(nèi)容需要的小伙伴可以參考一下
    2022-06-06
  • Listloading.js移動端上拉下拉刷新組件

    Listloading.js移動端上拉下拉刷新組件

    這篇文章主要介紹了Listloading.js移動端上拉下拉刷新組件的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-08-08
  • 詳解ant-design-pro使用qiankun微服務(wù)

    詳解ant-design-pro使用qiankun微服務(wù)

    這篇文章主要介紹了ant-design-pro使用qiankun微服務(wù)詳解,其實微服務(wù)需要有主應(yīng)用和子應(yīng)用,?一個子應(yīng)用可以配置多個相關(guān)聯(lián)的主應(yīng)用,配置方法都是一樣的,對ant-design-pro微服務(wù)配置相關(guān)知識,感興趣的朋友一起看看吧
    2022-03-03
  • js類定義函數(shù)時用prototype與不用的區(qū)別示例介紹

    js類定義函數(shù)時用prototype與不用的區(qū)別示例介紹

    沒有使用prototype的方法相當(dāng)于類的靜態(tài)方法,相反,使用prototype的方法相當(dāng)于類的實例方法,不許new后才能使用
    2014-06-06
  • 一文詳解axios四種傳參方式及后端接參

    一文詳解axios四種傳參方式及后端接參

    在開發(fā)的過程中,我們會經(jīng)常使用到axios進(jìn)行數(shù)據(jù)的交互,這篇文章主要給大家介紹了關(guān)于axios四種傳參方式及后端接參的相關(guān)資料,文中給出了詳細(xì)的代碼示例,需要的朋友可以參考下
    2023-10-10
  • javascript 觸發(fā)HTML元素綁定的函數(shù)

    javascript 觸發(fā)HTML元素綁定的函數(shù)

    只能觸發(fā)函數(shù)的執(zhí)行,并不能完全模擬出實際的點擊。
    2010-09-09
  • js前端實現(xiàn)登錄拼圖驗證功能

    js前端實現(xiàn)登錄拼圖驗證功能

    行為驗證碼通過用戶的操作來完成驗證,常見的行為驗證碼有拖動式和點觸式,下面這篇文章主要給大家介紹了關(guān)于js前端實現(xiàn)登錄拼圖驗證功能的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-02-02
  • 拆開JavaScript迭代器模式內(nèi)部黑盒子

    拆開JavaScript迭代器模式內(nèi)部黑盒子

    這篇文章主要為大家介紹了JavaScript迭代器模式內(nèi)部黑盒子解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-12-12
  • js鍵盤事件實現(xiàn)人物的行走

    js鍵盤事件實現(xiàn)人物的行走

    這篇文章主要為大家詳細(xì)介紹了js鍵盤事件實現(xiàn)人物的行走,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-01-01

最新評論