看看用TypeScript怎樣實現(xiàn)常見的設(shè)計模式，順便復(fù)習(xí)一下。
學(xué)模式最重要的不是記UML，而是知道什么模式可以解決什么樣的問題，在做項目時碰到問題可以想到用哪個模式可以解決，UML忘了可以查，思想記住就好。
這里盡量用原創(chuàng)的，實際中能碰到的例子來說明模式的特點和用處。
裝飾模式 Decorator
特點：在不改變接口的情況下，裝飾器通過組合方式引用對象，并由此在保持對象原有功能的基礎(chǔ)上給對象加上新功能。
用處：當(dāng)需要不影響現(xiàn)有類并增加新的功能時，可以考慮裝飾模式，它可以動態(tài)透明的給對象增加功能。
注意：與繼承的優(yōu)劣。
下面用TypeScript簡單實現(xiàn)一下裝飾模式：
現(xiàn)在有一輛小轎車，加速到100km/h需要10秒：
interface Movable{
accelerate();
}class Car implements Movable{
accelerate(){ console.log('加速到100km/h需要10秒');
}
}現(xiàn)在想改裝下，提高加速度，加個渦輪增壓器。
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秒