重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要讲解了如何使用javascript中的策略模式,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。
创新互联主要从事成都做网站、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务平湖,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575介绍:策略模式中可以定义一些独立的类来封装不同的算法,每一个类封装一种具体的算法。在这里,每一种算法的封装都可以称之为一种策略。策略模式的主要目的是将算法的定义与使用分开。
定义:定义一系列算法类,将每一个算法封装起来,并让它们可以相互替换。策略模式让算法独立与使用它的客户而变化,也称为政策模式。策略模式是一种对象行为型模式。
场景:使用策略模式实现一个加减乘除的工具类,将四个算法进行封装。
示例:
var AddStrategy = function(){ this.caculate = function(num1, num2){ return num1 + num2; } } var SubStrategy = function(){ this.caculate = function(num1, num2){ return num1 - num2; } } var MulStrategy = function(){ this.caculate = function(num1, num2){ return num1 * num2; } } var DivStrategy = function(){ this.caculate = function(num1, num2){ return num1 / num2; } } var Context = function(strategy){ var _strategy = strategy; this.executeStrategy = function(num1, num2){ return _strategy.caculate(num1, num2) } } var add = new Context(new AddStrategy()); var sub = new Context(new SubStrategy()); var mul = new Context(new MulStrategy()); var div = new Context(new DivStrategy()); console.log('1 + 2 = ' + add.executeStrategy(1, 2)); console.log('5 - 1 = ' + sub.executeStrategy(5, 1)); console.log('3 * 2 = ' + mul.executeStrategy(3, 2)); console.log('8 / 2 = ' + div.executeStrategy(8, 2)); // 1 + 2 = 3 // 5 - 1 = 4 // 3 * 2 = 6 // 8 / 2 = 4