分類導(dǎo)航

TypeScript設(shè)計模式之裝飾、代理

發(fā)布時間：2017年03月14日作者：文章轉(zhuǎn)自網(wǎng)絡(luò)，版權(quán)歸原作者所有，反饋可立刻刪除 (該文來自筆記，點擊查看原文)

看看用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秒

我想了解如何學(xué)習(xí)

<td id="jj00w"></td>

分類導(dǎo)航

TypeScript設(shè)計模式之裝飾、代理

裝飾模式 Decorator

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

用處：當(dāng)需要不影響現(xiàn)有類并增加新的功能時，可以考慮裝飾模式，它可以動態(tài)透明的給對象增加功能。

注意：與繼承的優(yōu)劣。

延伸閱讀

我想了解如何學(xué)習(xí)

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

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

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