AOP.jsp+MVC.jsp

来源：互联网发布：炫光制作软件编辑：程序博客网时间：2024/05/21 13:22
实现页面的aop和mvc模式一  : aop.jsp<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><html><head><script type="text/javascript" src="<%=request.getContextPath() %>/scripts/jquery-1.8.3.js"></script><script type="text/javascript">    function around(obj, prop, advice) {        var exist = obj[prop];        var previous = function() {            return exist.apply(obj, arguments);        };        var advised = advice(previous);        obj[prop] = function() {            //当调用remove后，advised为空            //利用闭包的作用域链中可以访问到advised跟previous变量，根据advised是否为空可以来决定调用谁            return advised ? advised.apply(obj, arguments) : previous.apply(                    obj, arguments);        };        return {            remove : function() {                //利用闭包的作用域链，在remove时将advised置空，这样执行过程中不会进入本次around                //这几个不能删                //obj[prop] = exist;                advised = null;                advice = null;                //previous = null;                //exist = null;                //obj = null;            }        };    }    var count = 1;    advice = function(originalFunc) {        var current = count++;        return function() {            console.log("before function " + current);            originalFunc.apply(this, arguments);            console.log("after function " + current);        };    };    var obj = {        foo : function(arg) {            console.log(this.name + " and " + arg);        },        name : "obj"    };    h1 = around(obj, "foo", advice);    h2 = around(obj, "foo", advice);    obj.foo("aop");    h1.remove();    obj.foo("aop");    h2.remove();    obj.foo("aop");</script></head><body></body></html>二   : mvc.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><html><head><script type="text/javascript" src="<%=request.getContextPath() %>/scripts/jquery-1.8.3.js"></script><script type="text/javascript">      function Model(value) {        this._value = typeof value === 'undefined' ? '' : value;        this._listeners = [];    }    Model.prototype.set = function (value) {        var self = this;        self._value = value;        setTimeout(function () {            self._listeners.forEach(function (listener) {                listener.call(self, value);            });        });    };    Model.prototype.watch = function (listener) {        this._listeners.push(listener);    };    Model.prototype.bind = function (node) {        this.watch(function (value) {            node.innerHTML = value;        });    };    function Controller(callback) {        var models = {};        var views = Array.prototype.slice.call(document.querySelectorAll('[bind]'), 0);        views.forEach(function (view) {            var modelName = view.getAttribute('bind');            models[modelName] = models[modelName] || new Model();            models[modelName].bind(view);        });        callback.call(this, models);    }</script></head><body></body></html>
0 0