分类导航

TypeScript设计模式之装饰、代理

发布时间：2017年03月14日作者：文章转自网络，版权归原作者所有，反馈可立刻删除 (该文来自笔记，点击查看原文)

看看用TypeScript怎样实现常见的设计模式，顺便复习一下。
学模式最重要的不是记UML，而是知道什么模式可以解决什么样的问题，在做项目时碰到问题可以想到用哪个模式可以解决，UML忘了可以查，思想记住就好。
这里尽量用原创的，实际中能碰到的例子来说明模式的特点和用处。

装饰模式 Decorator

特点：在不改变接口的情况下，装饰器通过组合方式引用对象，并由此在保持对象原有功能的基础上给对象加上新功能。

用处：当需要不影响现有类并增加新的功能时，可以考虑装饰模式，它可以动态透明的给对象增加功能。

注意：与继承的优劣。

下面用TypeScript简单实现一下装饰模式：
现在有一辆小轿车，加速到100km/h需要10秒：

interface Movable{
    accelerate();
}class Car implements Movable{
    accelerate(){        console.log('加速到100km/h需要10秒');
    }
}

现在想改装下，提高加速度，加个涡轮增压器。

class TurboCharger{
    use(){        console.log('使用涡轮增压');
    }
}class RefittedCar implements Movable{
    construct(private car: Car){
    }

    turboCharger = new TurboCharger();

    accelerate(){        this.car.accelerate();        this.turboCharger.use();        console.log('加速到100km/h需要5秒'); 
    }
}let refitterCar: Movable = new RefittedCar(new Car());

refitterCar.accelerate();//输出：加速到100km/h需要10秒
使用涡轮增压
加速到100km/h需要5秒