javascript装饰者模式

javascript装饰者模式

---

装饰者模式，动态地将责任附加到对象上。若要扩展功能，装饰者提供了比继承更加有弹性的替代方案。
实例讲解:

刚出售的一栋楼有100套清水房
现有 冰箱，床，空调，根据每套房主人的需要来决定是否安装，或是安装几个

  /*
        * 刚出售的一栋楼有100套清水房
        *
        * 现有 冰箱，床，空调，根据每套房主人的需要来决定是否安装，或是安装几个
        *
        *
        * */

        var house = new Interface('house',['price','install']);
        /*
        * 套房的类，是清水房
        * */
        function nakeRoom(price) {
            var price = price || 1000000;
            this.getPrice=function () {
                return price;
            };
            this.install=function () {
                return "清水房";
            }
        }
        //冰箱类
        var ref = function (newRoom,price) {
            var price = price || 10000;
            this.getPrice=function () {
                return price+newRoom.getPrice();
            };
            this.install=function () {
                return newRoom.install()+"+冰箱";
            }
        }
        //床类
        var bed = function (newRoom,price) {
            var price = price || 10000;
            this.getPrice=function () {
                return price+newRoom.getPrice();
            };
            this.install=function () {
                return newRoom.install()+"+床";
            }
        }
        //空调类
        var air = function (newRoom,price) {
            var price = price || 10000;
            this.getPrice = function () {
                return price + newRoom.getPrice();
            };
            this.install = function () {
                return newRoom.install() + "+空调";
            }
        }
        /*
        * 现如今 一个房客要空调和床，
        * 一个只要床
        * 还一个都要
        * */

        var room1 = new air(new bed(new nakeRoom(800000),30000),30000);
        var room2 = new bed(new nakeRoom(800000),30000);
        var room3 = new ref(new air(new bed(new nakeRoom(800000)),30000),30000);

        console.log(room1.getPrice(),room1.install());
        console.log(room2.getPrice(),room2.install());
        console.log(room3.getPrice(),room3.install());

装饰者也可以使用在函数上:

 /*
        *
        *将数组转成字符串
        * */
        function toString(fun) {
            return function () {
                var str = fun();
                return str.join("");
            }
        }
        function getArray() {
            var ary = ['a','b','c','d','e','f'];
            return ary;
        }
        //执行装饰
        console.log(getArray());
        var result = toString(getArray);
        console.log(result());
    
    

使用装饰者编写一个判断函数时间性能类

  /*
        * 使用装饰者完成函数性能的测试
        *
        * */

	//函数的方式
        function getArray() {
            var list = [];
            for(var i=0;i<10000000;i++){
                list.push(i);
            }
            return list;
        }
	
        function getPerform(fun) {
            var start = new Date().getTime();
            fun();
            var end = new Date().getTime();
            console.log((end-start));

        };
        getPerform(getArray);
		//类的方式
        var funObj = function () {
            this.getArray=function () {
                var list = [];
                for(var i=0;i<10000000;i++){
                    list.push(i);
                }
                return list;
            }
        }
        var fun = new funObj();
        function performFun(obj) {
            this.obj = obj;
            this.exeFun = function (name) {
                var that = this;
                var method=obj[name];
                if(typeof method=="function"){
                    var start = new Date().getTime();
                    method.apply(that.obj,arguments);
                    var end = new Date().getTime();
                    console.log((end-start));
                }
            }
        }

        new performFun(fun).exeFun("getArray");