typescript: Strategy Pattern

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
/**
 * Strategy Pattern 策略是一种行为设计模式， 它将一组行为转换为对象， 并使其在原始上下文对象内部能够相互替换。
 *
 * file: Strategyts.ts
 * The Context defines the interface of interest to clients.
 */
class GeovinContext {
    /**
     * @type {GeovinStrategy} The Context maintains a reference to one of the Strategy
     * objects. The Context does not know the concrete class of a strategy. It
     * should work with all strategies via the Strategy interface.
     */
    private strategy: GeovinStrategy;
 
    /**
     * Usually, the Context accepts a strategy through the constructor, but also
     * provides a setter to change it at runtime.
     */
    constructor(strategy: GeovinStrategy) {
        this.strategy = strategy;
    }
 
    /**
     * Usually, the Context allows replacing a Strategy object at runtime.
     */
    public setStrategy(strategy: GeovinStrategy) {
        this.strategy = strategy;
    }
 
    /**
     * The Context delegates some work to the Strategy object instead of
     * implementing multiple versions of the algorithm on its own.
     */
    public doDuSomeBusinessLogic(): string  { //void
        // ...
 
        console.log('Context: Sorting data using the strategy (not sure how it\'ll do it)');
        const result = this.strategy.doAlgorithm(['a', 'b', 'c', 'd', 'e']);
        console.log(result.join(','));
        return result.join(",");
        // ...
    }
}
 
/**
 * The Strategy interface declares operations common to all supported versions
 * of some algorithm.
 *
 * The Context uses this interface to call the algorithm defined by Concrete
 * Strategies.
 */
interface GeovinStrategy {
 
    /**
     *
     * @param data
     */
    doAlgorithm(data: string[]): string[];
}
 
/**
 * Concrete Strategies implement the algorithm while following the base Strategy
 * interface. The interface makes them interchangeable in the Context.
 */
class ConcreteStrategyA implements GeovinStrategy {
 
    /**
     *
     * @param data
     * @returns
     */
    public doAlgorithm(data: string[]): string[] {
        return data.sort();
    }
}
 
/**
 *
 */
class ConcreteStrategyB implements GeovinStrategy {
    /**
     *
     * @param data
     * @returns
     */
    public doAlgorithm(data: string[]): string[] {
        return data.reverse();
    }
}
 
 
let pubStrategy1="";
let pubStrategy2="";
let pubStrategy3="Geovin Du";
let pubStrategy4="geovindu";
/**
 * The client code picks a concrete strategy and passes it to the context. The
 * client should be aware of the differences between strategies in order to make
 * the right choice.
 */
const contextGeovin = new GeovinContext(new ConcreteStrategyA());
console.log('Client: Strategy is set to normal sorting.');
pubStrategy1=contextGeovin.doDuSomeBusinessLogic();
 
console.log('');
 
console.log('Client: Strategy is set to reverse sorting.');
contextGeovin.setStrategy(new ConcreteStrategyB());
pubStrategy2=contextGeovin.doDuSomeBusinessLogic();
 
let messageStrategy: string = 'Hello World,This is a typescript!,涂聚文 Geovin Du.Web';
document.body.innerHTML = messageStrategy+",<br/>one=Client: Strategy is set to normal sorting."+pubStrategy1+",<br/>two=Client: Strategy is set to reverse sorting."+pubStrategy2+",<br/>three="+pubStrategy3+",<br/>four="+pubStrategy4+",<br/>TypeScript Strategy Pattern 策略模式";

　　

调用：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <head><title>TypeScript Hello Strategy Pattern 策略模式</title>
      <meta name="Description" content="geovindu,涂聚文,Geovin Du"/>
<meta name="Keywords" content="geovindu,涂聚文,Geovin Du"/>
<meta name="author" content="geovindu,涂聚文,Geovin Du"/>
    </head>
    <body>
        <script src="dist/Strategyts.js"></script>
    </body>
</html>

　　

 

输出：

 

 

posted @   ®Geovin Du Dream Park™  阅读(11)  评论(0)  编辑  收藏  举报
相关博文：
·  typescript: State Pattern
·  typescript: Visitor Pattern
·  行为型设计模式-策略 Strategy
·  策略模式-StrategyPattern-使用案例
·  设计模式--策略模式（Strategy Pattern）
阅读排行：
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！
历史上的今天：
2022-10-13 CSharp: null object pattern in donet core 3
2011-10-13 Csharp windowform datagridview Clipboard TO EXCEL OR FROM EXCEL DATA 保存datagridview所有數據
< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示