我是靠谱客的博主 刻苦柠檬,这篇文章主要介绍JavaScript设计模式之策略模式详解,现在分享给大家,希望可以做个参考。

在程序设计中,我们也常常遇到这种情况,要实现某一个功能我们有很多种算法可以实现。

这些算法灵活多样,而且可以随意互相替换。这种解决方案就是所谓的策略模式。

策略模式的定义是:定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换。

复制代码
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
/* * pre:策略模式 * 示例:公司计算奖金,分A、B、C 三种绩效,计算方式如下 * 绩效为A,奖金乘以系数5 * 绩效为B,奖金乘以系数4 * 绩效为C,奖金乘以系数3 */ //-------- 示例1 ---------- var calculateBonus = function(performanceLevel, salary) { if(performanceLevel === 'A') { return salary * 5; } if(performanceLevel === 'B') { return salary * 4; } if(performanceLevel === 'C') { return salary * 3; } }; console.log(calculateBonus('A', 2000)); /* 缺点:1、函数体系庞大,拥有太多的if-else语句; 2、如果增加绩效D,需修改内部函数,违背封闭-开放原则; 3、复用性差,其他地方如果用到计算奖金,只能赋值黏贴; */ //--------- 示例2 ------------ var performanceA = function(salary) { return salary * 5; }; var performanceB = function(salary) { return salary * 4; }; var performanceC = function(salary) { return salary * 3; }; var calculateBonus = function(performanceLevel, salary) { if(performanceLevel === 'A') { return performanceA(salary); } if(performanceLevel === 'B') { return performanceB(salary); } if(performanceLevel === 'C') { return performanceC(salary); } }; console.log(calculateBonus('A', 2000)); /* 缺点:1、函数体系庞大,系统变化时缺乏弹性 */ //--------- 示例3 ------------ // 策略模式重构:定义一系列算法,将它们一个个封装起来。 var performanceA = function(){}; performanceA.prototype.caculate = function(salary){ return salary * 5; }; var performanceB = function(){}; performanceB.prototype.caculate = function(salary){ return salary * 4; }; var performanceC = function(){}; performanceC.prototype.caculate = function(salary){ return salary * 3; }; var Bonus = function(){ this.salary = null; this.strategy = null; }; Bonus.prototype.setSalary = function(salary){ this.salary = salary; }; Bonus.prototype.setStrategy = function(strategy){ this.strategy = strategy; } Bonus.prototype.getBonus = function(){ return this.strategy.caculate(this.salary); } var bonus = new Bonus(); bonus.setSalary(2000); bonus.setStrategy(new performanceA()); console.log(bonus.getBonus()); // ----------- 示例4 --------------- // javaScript版本 var Strategies = { "A":function(salary){ return salary * 5; }, "B":function(salary){ return salary * 4; }, "C":function(salary){ return salary * 3; } }; var caculateBonus = function(level,salary){ return Strategies[level](salary); }; console.log(caculateBonus("A",2000));

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

最后

以上就是刻苦柠檬最近收集整理的关于JavaScript设计模式之策略模式详解的全部内容,更多相关JavaScript设计模式之策略模式详解内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(155)

评论列表共有 0 条评论

立即
投稿
返回
顶部