浅析JavaScript设计模式——策略模式

来源:互联网 发布:php中级开发工程师 编辑:程序博客网 时间:2024/06/17 05:46

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

在我们的生活中,想要达到一种目的可以有不同的方法
所谓“条条大路通罗马”,“殊途同归”说的都是这样的问题
在我们的程序中,要实现一种目的的方法也可能不同
所以就引入了我们的策略模式


举一个简单例子
现在我想实现一个介样的功能,对两个变量执行数学运算,构建这样一个函数

function calculate(a, b, method){    if(method === 'add'){        return a + b;    }    if(method === 'subtract'){        return a - b;    }    if(method === 'multiply'){        return a * b;    }    if(method === 'divide'){        return a / b;    }}calculate(4, 2, 'add');// 6calculate(4, 2, 'subtract');// 2calculate(4, 2, 'multiply');// 8calculate(4, 2, 'divide');// 2

看起来我们构建的函数没什么问题
其实有很多缺点

  • 函数过于庞大,使用了大量的if判断语句覆盖所有逻辑
  • 函数缺乏弹性,如果想要增加计算方法,比如深入内部实现,违反开放-封闭原则
  • 函数复用性差,如果希望在程序其他地方使用其中的计算方法,只能复制粘贴

基于这些缺点,我们需要重构代码
首先我先说明一下这个模式
简单说策略模式就是定义一系列算法,封装起来
把不变的部分和变化的部分分隔开来永远是设计模式的主题
我们的策略模式就是把算法的实现算法的使用分离
所以策略模式至少由两部分组成

  • 策略类(算法实现)
  • 环境类(算法使用)

策略类封装了具体的算法以及具体的计算方法
环境类接受请求后,将请求委托给策略类
既然环境类要委托给策略类,那么环境类就一定可以拿到策略类引用

回到我们JavaScript中,实现策略模式并不难,因为函数也是对象
现在我就把上面函数重构

var strategies = { // 策略对象    add: function(a, b){        return a + b;    },    subtract: function(a, b){        return a - b;    },    multiply: function(a, b){        return a * b;    },    divide: function(a, b){        return a / b;    }}function calculate(a, b, method){ // 环境对象    return strategies[method](a, b);}calculate(4, 2, 'add');// 6calculate(4, 2, 'subtract');// 2calculate(4, 2, 'multiply');// 8calculate(4, 2, 'divide');// 2

这样我们就完美的解决了问题
没有了冗长的判断,想要在程序其他地方调用算法可以直接委托给我们的策略对象
更重要的是,如果我们想增加算法,直接在策略对象上添加键值对就可以了
比如我们想增加取余和n次方的运算

var strategies = { // 策略对象    add: function(a, b){        return a + b;    },    subtract: function(a, b){        return a - b;    },    multiply: function(a, b){        return a * b;    },    divide: function(a, b){        return a / b;    },    remainder: function(a, b){        return a % b;    },    power: function(a, b){        return Math.pow(a, b)    }}calculate(4, 2, 'remainder');// 0calculate(4, 2, 'power');// 16

这样我们就不必深入calculate函数内部修改,而是修改策略对象
虽然我们在编程中不会出现这么简单的算法,这里只是举个例子
但它却展示了使用策略模式的优点


今天简单的介绍了JavaScript实现的策略模式
虽然它很实用,但同样不是完美的
总结一下策略模式的优缺点

优点:

  • 利用组合、委托和多态等思想,有效避免过多的条件语句
  • 符合开放-封闭原则,封装算法便于切换,易于扩展和理解
  • 可复用性强,避免复制粘贴
  • 委托执行算法,替代继承

缺点:

  • 增加了许多策略对象(但总比堆在执行算法的函数中强)
  • 使用策略模式,必须要了解所有“策略”的细节
  • 暴露了算法实现,违反最少知识原则(最小特权原则/最小授权原则/最小暴露原则)
    (最小特权原则:指在软件设计中,应该最小限度地暴露必要内容,而将其他内容“隐藏”,比如某个模块或API设计)

==主页传送门==

3 0
原创粉丝点击