Aspect Oriented Programming(AOP)面向切面编程是一个比较热门的话题。

AOP主要实现的目的是针对业务处理过程中的切面进行提取，它所面对的是处理过程

中的某个步骤或阶段，以获得逻辑过程中各部分之间低耦合性的隔离效果。

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7.     <title>Document</title>
  8. </head>
  9. <body>
  10.     <script>
  11.         function test(){
  12.             // var start =
  13.             alert(2);
  14.             return 'me test'
  15.             // var end=;
  16.             // console.log(end-start);
  17.         }
  18.         Function.prototype.before = function(fn){
  19.             var _self = this;
  20.           return function(){
  21.             //   this指向了调用的函数
  22.            if(fn.apply(this,arguments)==false){
  23.                 return false;
  24.            }
  25.            return  _self.apply(_self,arguments)
  27.           }
  29.         }
  30.         Function.prototype.after = function(fn){
  31.             // after先执行本身this，再执行回调
  32.             var _self = this;
  33.            return function(){
  34.            var result = _self.apply(_self,arguments);
  35.            if(result == false){
  36.                return false;
  37.            }
  38.             fn.apply(this.arguments);
  39.             return result;
  40.            }
  41.         }
  42.         // test.before(function(){
  43.         //     alert(1);
  44.         // });
  45.         // test.after(function(){
  46.         //     alert(3);
  47.         // })
  48.         test.after(function(){
  49.             alert(3);
  50.             // return false;
  51.         }).before(function(){
  52.             alert(1);
  53.             // return false;
  54.         })();
  55.         // 统计一下当前的所有的函数谁耗时最长
  56.     </script>
  57. </body>
  58. </html>

by没有看懂，压根不懂

本文看自前端常用的库和实用技术之JavaScript面向切面编程

前端常用的库和实用技术之JavaScript面向切面编程的更多相关文章

  1. 前端常用的库和实用技术之JavaScript多线程

    多线程概念: 多线程是指从软件或硬件上实现多个线程并发执行的技术.具有多线程能力的计算机因有硬件支持而能够在 同一时间执行多于一个线程,进而提升整理处理性能.具有这种能力的系统包括对称多处理机,多核心 ...

  2. 前端常用的库和实用技术之JavaScript高级函数

    1.惰性载入函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...

  3. 前端常用的库和实用技术之JavaScript高级技巧

    javascript高级技巧 变量作用域和闭包 <!DOCTYPE html> <html lang="en"> <head> <meta ...

  4. 前端常用的库和实用技术之JavaScript 模块化

    模块化概念 AMD是requirejs在推广过程中对模块化定义的规范化产出. 异步加载模块,依赖前置,提前执行 Define定义模块define(['require','foo'],function( ...

  5. JavaScript面向切面编程入门

    来源极客网学习视频 关键词Javascript AOP编程 例子1: function test() { alert(2); } //理解,所谓的传入一个"回调",该怎样设计bef ...

  6. Javascript aop(面向切面编程)之around(环绕)

    Aop又叫面向切面编程,其中“通知”是切面的具体实现,分为before(前置通知).after(后置通知).around(环绕通知),用过spring的同学肯定对它非常熟悉,而在js中,AOP是一个被 ...

  7. JavaScript实现AOP（面向切面编程）

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

  8. 前端解读面向切面编程(AOP)

    前言 面向对象(OOP)作为经典的设计范式,对于我们来说可谓无人不知,还记得我们入行起始时那句经典的总结吗-万事万物皆对象. 是的,基于OOP思想封装.继承.多态的特点,我们会自然而然的遵循模块化.组 ...

  9. JavaScript实现AOP（面向切面编程，装饰者模式）

    什么是AOP? AOP(面向切面编程)的主要作用是把一些跟核心业务逻辑模块无关的功能抽离出来,这些跟业务逻辑无关的功能通常包括日志统计.安全控制.异常处理等.把这些功能抽离出来之后, 再通过“动态织入 ...

随机推荐

  1. NIO 源码分析(03) 从 BIO 到 NIO

    目录 一.NIO 三大组件 Channels.Buffers.Selectors 1.1 Channel 和 Buffer 1.2 Selector 1.3 Linux IO 和 NIO 编程的区别 ...

  2. 关于Ms Sql server 表列等是否存在

    select object_id('名称') ,object_id('名称','类型') 1. 等价于 select * from sys.objects where name ='名称' selec ...

  3. 46-Ubuntu-系统信息-1-date和cal查看系统时间

    序号 命令 作用 01 date 查看系统时间 02 cal calendar查看日历,-y选项可以查看一年的日历

  4. form编码方式application/x-www-form-urlencoded和multipart/form-data的区别？

    application/x-www-form-urlencoded: 表单数据编码为键值对,&分隔 multipart/form-data: 表单数据编码为一条消息,每个控件对应消息的一部分 ...

  5. usb-host与外设通信(三)

    4.与设备之间的通信 和USB设备通信可以是同步的或者是异步的,无论是哪一种情况,你都应该创建一个新的线程来处理数据传输,这样才不会使UI线程出现阻塞.与设备建立适宜的通信,你需要获得该设备一个合适的 ...

  6. Yacc - 一个生成 LALR(1) 文法分析器的程序

    SYNOPSIS 总览 yacc [ -dlrtv ] [ -b file_prefix ] [ -p symbol_prefix ] filename DESCRIPTION 描述 Yacc 从 f ...

  7. v-bind和v-model的区别

    1:v-bind动态绑定指令,默认情况下标签自带属性的值是固定的,在为了能够动态的给这些属性添加值,可以使用v-bind:你要动态变化的值="表达式" 2:v-bind用于绑定属性 ...

  8. Linux（二）高级文本处理

    一.cut (cut 命令可以从一个文本文件或者文本流中提取文本列 ) 1.cut语法 cut -d '分隔字符' -f fields         用于有特定分隔字符 cut  -c 字符区间   ...

  9. look at me

    I would bet my life, like I bet my heart我以生命与真心担保That you were the one, baby你就是我的命中注定I've never been ...

  10. Unity 调用android

    { https://www.bilibili.com/video/av49002527 }