装饰者：是一种为对象添加新特性的技术；
/*
/* 装饰者模式: 1、实现相同的接口 2、需要有子类 */ // 引入资源文件 commonUtils工具库之接口类 <script src="../../commonUtils.js"></script> // 新建一个接口 var CarInterface = new JG.Interface('CarInterface', ['getPrice', 'assemble']);
// 实现接口 var Car = function(car){ // 传参的目的就是让子类继承的 （让子类 多一个父类的引用） this.car = car; // 检测接口 JG.Interface.ensureImplements(this, CarInterface); }; Car.prototype = { constructor : Car, getPrice : function(){ return 200000; }, assemble : function(){ alert('组装汽车...'); } }; // 新的需求，加装汽车大灯 light var LightDecotator = function(car){ // 参数：原始对象 // 借用构造函数继承 LightDecotator.superClass.constructor.call(this, car); }; //继承 详见 commonUtils工具库之继承函数 JG.extend(LightDecotator, Car);// 原型继承 LightDecotator.prototype = { constructor : LightDecotator, getPrice : function(){ return this.car.getPrice() + 10000; }, assemble : function(){ alert('组装大灯...'); } }; // 第二个新需求：加装汽车冰箱 iceBox var IceBoxDecotator = function(car){ // 借用构造函数继承 IceBoxDecotator.superClass.constructor.call(this, car); }; //继承 详见 commonUtils工具库之继承函数 JG.extend(IceBoxDecotator, Car);// 原型继承 IceBoxDecotator.prototype = { constructor : IceBoxDecotator, getPrice : function(){ return this.car.getPrice() + 20000; }, assemble : function(){ alert('组装车载冰箱...'); } }; // 测试 var car = new Car(); alert(car.getPrice());// 200000 car.assemble();// 组装汽车... // 装饰大灯 （装饰对象之间是解耦的，如果不需要大灯，把这一段代码注释即可，不影响别的代码的执行） car = new LightDecotator(car); alert(car.getPrice());// 210000 car.assemble();// 组装大灯... // 装饰冰箱 car = new IceBoxDecotator(car); alert(car.getPrice());// 230000 car.assemble();// 组装车载冰箱... // 装饰者 不仅可以用在类上，还可以用在函数上 function getDate(){ return (new Date()).toString(); } // 转大写装饰函数 function upperCaseDecorator(fn){ return fn.apply(this, arguments).toUpperCase(); } document.write(getDate());//Thu Jun 08 2017 17:14:33 GMT+0800 (中国标准时间) document.write(upperCaseDecorator(getDate));//THU JUN 08 2017 17:14:33 GMT+0800 (中国标准时间)
