前端设计模式-策略模式

策略模式
根据不同参数可以命中不同的策略
优点：1.封装统一处理多种情况，2.优化if-else条件 3.复用性好 4.代码调用逻辑清晰
适用：处理多种情况下的解决方案

// 封装一个策略容器对象，可以定义一个strategyUtils.js，用来统一封装整个项目的数据
const strategyObj = {
  'fruits': function(unitPrice) {
    return unitPrice * 1 
  },
  'vegetables': function(unitPrice) {
    return unitPrice * 2
  },
  'foods': function(unitPrice) {
    return unitPrice * 3
  },
  'snacks': function(unitPrice) {
    return unitPrice * 4
  }
}
// 声明具体的策略处理函数
const getTotalPrice = function(category, unitPrice) {
  return strategyObj[category](unitPrice)
}
// 调用策略函数，获取对应的数据
getTotalPrice('vegetables', 30) // 60

在js中函数是一等公民（也就是说，在编程语言中，一等公民可以作为函数参数传递给另一个函数，可以作为函数返回值，即可以返回一个函数，也可以赋值给一个变量）, 以下将函数赋值给变量的写法，也属于策略模式

const fruits = function (unitPrice) {
	return unitPrice * 1
}
const vegetables = function(unitPrice) {
    return unitPrice * 2
}
const foods = function(unitPrice) {
   return unitPrice * 3
}
const snacks = function(unitPrice) {
   return unitPrice * 4
}

// 声明具体的策略处理函数
const getTotalPrice = function(fn, unitPrice) {
  return fn(unitPrice)
}
// 调用策略函数，获取对应的数据
getTotalPrice(vegetables, 30) // 60