JavaScript 高级函数实现AOP

﹏ヽ暗。殇╰゛Y 2022-06-10 22:47 142阅读 0赞

AOP (面向切面编程) 的主要作用是把一些跟核心业务逻辑模块无关的功能抽离出来，这些跟业务逻辑无关的功能模块通常包括日志统计，安全控制，异常处理等。把这些功能抽离出来后，在通过 “动态植入” 的方式掺入业务逻辑模块中。这样做的好处首先是可以保持业务逻辑模块的纯净和高内聚性，其次是方便地复用日志统计等功能模块。

通常在 JavaScript 中实现 AOP,都是把指把一个函数 “动态植入” 到另一个函数中，具体实现的方法很多，我们通过扩展 Function.prototype 来做到这一点。

//在需要执行的函数之前执行某个新添加的功能函数

Function.prototype.before = function( beforefn)\{

var \_self = this;     //保存原函数引用

//返回包含了原函数和新函数的代理函数

return function()\{

beforefn.apply( this , arguments );     //执行新函数,且保证this不被劫持,新函数接受的参数

return  \_self.apply(\_self,arguments);   // 也会被原封不动的传入旧函数,新函数在旧函数之前执行

\}

\}

//在需要执行的函数之后执行某个新添加的功能函数

Function.prototype.after = function( afterfn )\{

var \_self = this;

return function()\{

var ret = \_self.apply( this , arguments);

afterfn.apply(this, arguments);

return ret;

\}

\}

var func = function()\{

console.log(2);

\}

func = func.before(function()\{

console.log(1);

\}).after(function()\{

console.log(3);

\})

func();    //输出  123；

这种使用AOP的方式来给函数添加职责，也是JavaScript语言中一种非常特别和巧妙的装饰者模式实现

发表评论取消回复

表情：

评论列表（有 0 条评论，142人围观）

还没有评论，来说两句吧...

相关阅读

相关提高代码质量的高级 JavaScript 函数

介绍 JavaScript 是一种功能强大且用途广泛的编程语言，它具有许多内置功能，可以帮助您编写更高效、可维护和可读的代码。在这篇博文中，我将解释如何使用一些内置功能

朴灿烈づ我的快乐病毒、/ 2023年09月26日 21:24/ 0 赞/ 127 阅读

相关 Javascript高级程序设计——6.函数

1、函数定义函数是定义一次却可以调用或执行任意多次的JS代码。函数有时会有参数，即当函数被调用的时候指定了值的局部变量。 2、函数声明以function来声明，函

系统管理员/ 2022年07月14日 02:07/ 0 赞/ 167 阅读

相关 JavaScript 高级函数实现AOP

AOP (面向切面编程) 的主要作用是把一些跟核心业务逻辑模块无关的功能抽离出来，这些跟业务逻辑无关的功能模块通常包括日志统计，安全控制，异常处理等。把这些功能抽离出来后，在通

﹏ヽ暗。殇╰゛Y/ 2022年06月10日 22:47/ 0 赞/ 143 阅读

相关 JavaScript高级函数应用之分时函数

一、前提介绍：某些函数是用户主动调用的，但因为一些客观的原因，这些函数会严重影响页面的性能。二、应用场景：在短时间内往页面中大量添加DOM节点显然会让浏览器吃不消，往往会导

墨蓝/ 2022年05月28日 00:39/ 0 赞/ 220 阅读

相关《JavaScript高级程序设计》学习笔记之JavaScript函数介绍

JavaScript函数介绍函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行。ECMAScrip中的函数使用fu

冷不防/ 2022年05月25日 09:36/ 0 赞/ 172 阅读

相关 JavaScript高级-02_函数高级

原型与原型链所有函数都有一个特别的属性: `prototype` : 显式原型属性所有实例对象都有一个特别的属性:

逃离我推掉我的手/ 2022年05月17日 02:36/ 0 赞/ 276 阅读

相关 JavaScript之函数的高级（一）原型

原型与原型链 1 原型prototype > 1、函数的prototype属性（图） > ![函数的prototype属性][prototype] > 每个

迷南。/ 2022年01月23日 12:45/ 0 赞/ 258 阅读

相关 javascript高级

一、函数传参形参实参点击按钮调用带参数的函数： oBtn.onclick = function()\{ fnChange(‘red’,’30px’) \}

阳光穿透心脏的1/2处/ 2021年12月22日 12:39/ 0 赞/ 312 阅读

相关 JavaScript 高级

JS最初的目的：解决用户与服务器之间的交互问题 js: 是一门脚本语言。不用编译，直接执行是一

梦里梦外;/ 2021年10月15日 17:35/ 0 赞/ 456 阅读

相关 JavaScript高级程序设计--函数小记

执行环境和作用域链每个函数都有自己的执行环境。当执行流进入一个函数时，函数的环境就会被推入一个环境栈中。而在函数执行之后,栈将其环境弹出，把控制权返回给之前的执行...

你的名字/ 2021年03月22日 13:22/ 0 赞/ 502 阅读