看看用TypeScript怎樣實(shí)現(xiàn)常見的設(shè)計(jì)模式,順便復(fù)習(xí)一下。
學(xué)模式最重要的不是記UML,而是知道什么模式可以解決什么樣的問題,在做項(xiàng)目時(shí)碰到問題可以想到用哪個(gè)模式可以解決,UML忘了可以查,思想記住就好。
這里盡量用原創(chuàng)的,實(shí)際中能碰到的例子來說明模式的特點(diǎn)和用處。

裝飾模式 Decorator

特點(diǎn):在不改變接口的情況下,裝飾器通過組合方式引用對(duì)象,并由此在保持對(duì)象原有功能的基礎(chǔ)上給對(duì)象加上新功能。

用處:當(dāng)需要不影響現(xiàn)有類并增加新的功能時(shí),可以考慮裝飾模式,它可以動(dòng)態(tài)透明的給對(duì)象增加功能。

注意:與繼承的優(yōu)劣。

下面用TypeScript簡(jiǎn)單實(shí)現(xiàn)一下裝飾模式:
現(xiàn)在有一輛小轎車,加速到100km/h需要10秒:

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

現(xiàn)在想改裝下,提高加速度,加個(gè)渦輪增壓器。

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秒

網(wǎng)友評(píng)論