zoukankan      html  css  js  c++  java

  • 【转】面向切面编程-AOP，挺有用的

    原文：http://blog.csdn.net/yangzhihello/article/details/40377399

    下面的代码有点问题，

    　　ins[methodName] = function(){  

           　　     callback.apply(ins,arguments)  

    　　　　return method.apply(ins,arguments);  

            }  

    这段也要放到上面的if 语句块里面去！！！

     

    补充， 通过后面一片aop的文章的理解，我发现，这里的aop的实现方式，会改变原有函数的行为，这种貌似不大好。但是，后面一篇的方式在Function.prototpye上面的方式，好像也不大好。

     

    -------------------------------------------------------------------------------------------------------------------

    对于java中的aop，早有耳闻，所谓面向切面编程，不过一直都以为只是在后台才会用到。

    从做前端开始就没有这方面的需求，这一次对于一些东西做新的想法，发现有些东西还是可以去考虑考虑的。

    有一个公用的代码，可能在很多地方都会被用到，那么现在要做的就是，需要这个方法跑起来之前走一些东西，在这个方法跑完之后，还在处理一些东西。

    那么问题就来了：

    1 直接改之前封装好的东西，Ok,可以没问题，但是这样做了之后，别处用到这个东西的地方就直接崩溃了！

    2 那么如果采用直接复制一份代码，修改单个这一处的问题，ok，没有问题，但是这不也就是代表着代码冗余越来越多。

    这个时候想起了，在java里面有一个东西，面向切面，添加切点，一切似乎就可以正常的跑起来了。是的，就这么干.....

    如下：

    由于是工具类，无需实例化，刚直接可以采用{}对象方式：

    [javascript] view plain copy
     
    1. aop = window.aop || {};  
    2.   
    3. aop = {  
    4.     doBefore:function(ins,methodName,callback){  
    5.         if(typeof ins[methodName] != "undefined"){  
    6.             var method = ins[methodName];     
    7.         }  
    8.         ins[methodName] = function(){  
    9.             callback.apply(ins,arguments)  
    10.             return method.apply(ins,arguments);  
    11.         }  
    12.     },  
    13.     doAfter:function(ins,methodName,callback){  
    14.         if(typeof ins[methodName] != "undefined"){  
    15.             var method = ins[methodName];  
    16.         }  
    17.         ins[methodName] = function(){  
    18.             var ret = method.apply(ins,arguments),  
    19.                 callret = callback.apply(ins,arguments);  
    20.             return typeof callret == "undefined" ? ret : callret;  
    21.         }  
    22.     }  
    23. }  
     

    html 中测试如下：

    [html] view plain copy
     
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">  
    3. <head>  
    4.     <script type="text/javascript" src="aop.js"></script>  
    5.     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  
    6.     <title>aop javascript</title>  
    7. </head>  
    8. <body>  
    9.     <script type="text/javascript">  
    10.         //json对象  
    11.         var obj = {  
    12.             run:function(){  
    13.                 console.log("run");  
    14.             },  
    15.             init:function(name){  
    16.                 console.log("arguments : " + name);  
    17.                 return "info";  
    18.             }  
    19.         };  
    20.   
    21.   
    22.         aop.before(obj,"run",function(){  
    23.             console.log("run before");  
    24.         });  
    25.         aop.after(obj,"run",function(){  
    26.             console.log("run after");  
    27.         });  
    28.         console.log("<!-----json对象--------->");  
    29.         obj.run();  
    30.   
    31.         var F = function(){};  
    32.         F.prototype = {  
    33.             run:function(){  
    34.                 console.log("prototype run");  
    35.             }  
    36.         };  
    37.         //创建对象  
    38.         console.log("<!-----创建对象--------->");  
    39.         var f = new F();  
    40.   
    41.         aop.before(f,"run",function(){  
    42.             console.log("prototype run before");  
    43.         });  
    44.         aop.after(f,"run",function(){  
    45.             console.log("prototype run after");  
    46.         });  
    47.         f.run();  
    48.   
    49.         //参数问题  
    50.         console.log("<!-----参数问题--------->");  
    51.         aop.before(obj,"init",function(name){  
    52.             console.log("arguments before :" + name);  
    53.         });  
    54.         aop.after(obj,"init",function(name){  
    55.             console.log("arguments after :" + name);  
    56.             return "next";  
    57.         });  
    58.   
    59.         console.log(obj.init("user"));  
    60.   
    61.     </script>  
    62. </body>  
    63. </html>  
     


    这里多种情况，包括参数的传递问题，皆有考虑!

    偶有所得，以记录之，谨防忘记!
  • 相关阅读:
    bootstrap 网格系统学习
    在asp.net web api中利用过滤器设置输出缓存
    解决在开发环境中访问json配置文件时报HTTP 错误 404.3
    Newtonsoft.Json序列化和反序列
    装饰者模式学习
    SQL server跨库查询
    python-安装xlrd xlwt 插件
    vim 实际行跟屏幕行移动命令
    vim-缓存区中打开另外一个文件的方法
    vim 计算器寄存器使用
  • 原文地址：https://www.cnblogs.com/oxspirt/p/8410550.html
Copyright © 2011-2022 走看看