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

本文介绍了一种设计模式——策略模式,通过定义一系列算法并将其封装为独立的对象来解决算法选择和扩展的问题。以数学运算法则为例,展示了如何使用策略模式简化代码结构,提高程序的灵活性和扩展性。

tip:有问题或者需要大厂内推的+我脉脉哦:丛培森 ٩( ‘ω’ )و

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

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


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

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');// 6
calculate(4, 2, 'subtract');// 2
calculate(4, 2, 'multiply');// 8
calculate(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');// 6
calculate(4, 2, 'subtract');// 2
calculate(4, 2, 'multiply');// 8
calculate(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');// 0
calculate(4, 2, 'power');// 16

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


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

优点:

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

缺点:

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

主页传送门

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值