wordpress农业站模板下载攀枝花建设集团网站

设计模式：针对特定问题提出的简洁优化的解决方案

• 一个问题有多种处理方案，而且处理方案随时可能增加或减少
• 比如：商场满减活动
  • 满50元减5元
  • 满100元减15元
  • 满200元减35元
  • 满500元减100元

// 满减金额计算函数
function count(money, type) {if (type == '50_5') {return money - 5;} else if (type == '100_15') {return money - 15;} else if (type == '200_35') {return money - 35;} else if (type == '500_100') {return money - 100;} else {return money;}
}console.log(count(60, '50_5')); // 55
console.log(count(101, '100_15')); // 86

• 商场活动中，若需要增加或减少满减方案，则需要修改count函数
  • 代码封装应该遵循“开闭原则”，此时就应该使用策略设计模式
    • 可以将满减方案存储在对象中，使用闭包函数存储数据（满减方案）
    • 并且在闭包函数中，实现添加或移除折扣方案的方法

let count = (function() {// 满减折扣方案let countObj = {'50_5': function(money) { return money - 5 },'100_15': function(money) { return money - 15 },'200_35': function(money) { return money - 35 },'500_100': function(money) { return money - 100 }}// 金额计算function count(money, type) {if (countObj[type]) { // 折扣存在则使用折扣满减return countObj[type](money);}return money;}// 给count函数对象添加add方法（新增方案）count.add = function(type, fn) {countObj[type] = fn;}// 给count函数对象添加remove方法（移除方案）count.remove = function(type) {delete countObj[type];}return count;
})();// 使用折扣计算金额
console.log(count(60, '50_5')); // 55
console.log(count(100, '100_15')); // 85
console.log(count(600, '500_100')); // 500// 添加折扣方案
count.add('600_120', function(money) { return money - 120 });
console.log(count(600, '600_120')); // 480// 移除折扣方案
count.remove('50_5');
console.log(count(60, '50_5')); // 60