js中如何用策略模式替换条件判断

策略模式通过将条件判断逻辑封装为独立策略类,使代码更清晰、易维护。1.定义策略接口,声明算法方法;2.创建具体策略类实现接口;3.环境类持有策略并执行;4.客户端通过环境类动态选择策略。适用于多条件分支且频繁变动的场景,如订单折扣、支付方式等。优点是符合开闭原则,缺点是类数量增加,客户端需了解所有策略。

js中如何用策略模式替换条件判断

策略模式,简单说,就是把一堆 if...else 或者 switch...case 语句,变成一个个独立的策略类,然后根据不同的情况选择不同的策略来执行。这样做的好处嘛,当然是让代码更清晰、更易于维护和扩展啦。

js中如何用策略模式替换条件判断

将条件判断替换为策略模式,核心在于定义一系列算法(策略),并将每个算法封装在独立的类中。 客户端可以根据运行时条件选择不同的策略,而无需修改现有代码。

js中如何用策略模式替换条件判断

如何识别应该使用策略模式的场景?

当你发现代码中充斥着大量的条件判断,而且这些判断逻辑还经常变动,那么策略模式可能就是个不错的选择。举个例子,比如你有一个订单处理系统,根据不同的用户类型(普通用户、VIP 用户、超级 VIP 用户)有不同的折扣策略。如果直接用 if...else 来判断,代码会变得很臃肿,而且每增加一种用户类型,都要修改代码。这时候,用策略模式就能很好地解决这个问题。

js中如何用策略模式替换条件判断

策略模式的具体实现步骤

定义策略接口: 声明所有具体策略需要实现的方法。比如,在订单折扣的例子中,可以定义一个 DiscountStrategy 接口,包含一个 calculateDiscount 方法。

// 策略接口class DiscountStrategy {  calculateDiscount(price) {    throw new Error("Method 'calculateDiscount()' must be implemented.");  }}

创建具体策略类: 实现策略接口,每个类代表一种具体的算法。例如,可以创建 NormalUserDiscountVipUserDiscountSuperVipUserDiscount 等类,分别实现不同的折扣计算逻辑。

// 具体策略类 - 普通用户折扣class NormalUserDiscount extends DiscountStrategy {  calculateDiscount(price) {    return price * 0.9; // 九折  }}// 具体策略类 - VIP 用户折扣class VipUserDiscount extends DiscountStrategy {  calculateDiscount(price) {    return price * 0.8; // 八折  }}// 具体策略类 - 超级 VIP 用户折扣class SuperVipUserDiscount extends DiscountStrategy {  calculateDiscount(price) {    return price * 0.7; // 七折  }}

创建环境类(Context): 环境类负责维护一个策略对象,并提供一个方法来执行策略。客户端通过环境类来使用策略,而无需直接与具体策略类交互。

// 环境类class Order {  constructor(userType) {    this.userType = userType;    this.discountStrategy = this.createDiscountStrategy(userType);  }  createDiscountStrategy(userType) {    switch (userType) {      case "normal":        return new NormalUserDiscount();      case "vip":        return new VipUserDiscount();      case "superVip":        return new SuperVipUserDiscount();      default:        return new NormalUserDiscount(); // 默认策略    }  }  calculateFinalPrice(price) {    return this.discountStrategy.calculateDiscount(price);  }}

客户端使用: 客户端只需要创建环境类,并传入相应的参数,就可以使用不同的策略了。

// 客户端使用const normalOrder = new Order("normal");const vipOrder = new Order("vip");const superVipOrder = new Order("superVip");const price = 100;console.log(`普通用户最终价格:${normalOrder.calculateFinalPrice(price)}`); // 输出:普通用户最终价格:90console.log(`VIP 用户最终价格:${vipOrder.calculateFinalPrice(price)}`); // 输出:VIP 用户最终价格:80console.log(`超级 VIP 用户最终价格:${superVipOrder.calculateFinalPrice(price)}`); // 输出:超级 VIP 用户最终价格:70

如何动态切换策略?

上面的例子中,策略是在 Order 类的构造函数中确定的。如果需要在运行时动态切换策略,可以修改 Order 类,提供一个 setDiscountStrategy 方法。

class Order {  constructor(userType) {    this.userType = userType;    this.discountStrategy = this.createDiscountStrategy(userType);  }  createDiscountStrategy(userType) {    switch (userType) {      case "normal":        return new NormalUserDiscount();      case "vip":        return new VipUserDiscount();      case "superVip":        return new SuperVipUserDiscount();      default:        return new NormalUserDiscount(); // 默认策略    }  }  setDiscountStrategy(discountStrategy) {    this.discountStrategy = discountStrategy;  }  calculateFinalPrice(price) {    return this.discountStrategy.calculateDiscount(price);  }}// 客户端动态切换策略const order = new Order("normal");console.log(`初始价格:${order.calculateFinalPrice(100)}`); // 输出:初始价格:90order.setDiscountStrategy(new VipUserDiscount());console.log(`切换为 VIP 折扣后的价格:${order.calculateFinalPrice(100)}`); // 输出:切换为 VIP 折扣后的价格:80

策略模式的优缺点是什么?

优点:代码清晰: 将不同的算法封装在独立的类中,避免了大量的条件判断语句。易于维护: 修改或增加新的策略,不会影响其他策略。易于扩展: 可以很容易地增加新的策略类,而无需修改现有代码。符合开闭原则: 对修改关闭,对扩展开放。缺点:类增多: 每个策略都需要一个类,可能会导致类的数量增多。客户端需要了解所有策略: 客户端需要知道有哪些策略,才能选择合适的策略。

除了订单折扣,策略模式还有哪些应用场景?

策略模式的应用场景非常广泛,比如:

支付方式选择: 可以将不同的支付方式(支付宝微信支付、银行卡支付)封装成不同的策略类。排序算法选择: 可以将不同的排序算法(冒泡排序、快速排序、归并排序)封装成不同的策略类。数据验证: 可以将不同的数据验证规则封装成不同的策略类。

总而言之,策略模式是一种非常有用的设计模式,可以帮助我们编写更清晰、更易于维护和扩展的代码。当然,任何设计模式都不是银弹,需要根据具体的场景来选择是否使用。

以上就是js中如何用策略模式替换条件判断的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1506476.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月20日 04:10:07
下一篇 2025年12月20日 04:10:24

相关推荐

  • 什么是状态机?有限状态机的实现

    有限状态机常见实现方式有:基于枚举和switch/case语句,适合简单场景但难以维护;状态模式通过封装状态类提升扩展性但类数量增多;状态转换表以表格形式清晰表达转换规则但规模大时复杂;基于框架或库如Spring Statemachine可支持高级功能。选择方式需根据复杂度和需求权衡。 状态机,简单…

    2025年12月20日
    000
  • JS如何实现单向数据流

    单向数据流在js中的核心实现是通过“数据向下传递,事件向上冒泡”的模式,即父组件通过props将数据传给子组件,子组件通过事件或回调通知父组件修改状态,从而保证数据流向的清晰与可预测;在复杂场景中,采用中心化状态管理(如redux模式),通过定义全局状态、不可变更新的reducer函数、dispat…

    2025年12月20日
    000
  • js 怎样实现语音识别

    javascript实现语音识别的核心是web speech api,包含speechrecognition(语音转文字)和speechsynthesis(文字转语音)两部分;2. 使用前必须检测浏览器支持,通过if (‘webkitspeechrecognition’ in…

    2025年12月20日
    000
  • JS如何实现Diff算法

    javascript中的diff算法通过比较新旧虚拟dom树,找出最小差异并更新真实dom。1. 只进行同层节点比较,不跨层级对比;2. 节点类型不同时直接替换;3. 类型相同时比较属性,增删或更新不一致的属性;4. 子节点比较中,无key时按顺序对比,有key时通过key识别同一节点,实现复用与移…

    2025年12月20日
    000
  • JS如何实现策略模式

    策略模式通过封装算法使其可互换,JavaScript中利用函数作为一等公民实现,适用于表单验证等场景,结合工厂模式提升灵活性,但应避免过度设计。 策略模式的核心在于定义一系列算法,并将每一个算法封装起来,使它们可以相互替换。这使得算法可以在不影响客户端的情况下发生变化。在JS中,这可以通过函数作为一…

    2025年12月20日
    000
  • 什么是堆排序?堆排序的实现步骤

    堆是一种特殊的完全二叉树,其中每个节点均大于(最大堆)或小于(最小堆)其子节点,堆排序通过构建和调整堆实现排序,首先将数组转化为最大堆,然后依次将堆顶最大值与末尾元素交换并重新堆化,直至有序;其时间复杂度为O(n log n),空间复杂度为O(1),属于原地不稳定排序,适用于大规模数据和内存受限环境…

    2025年12月20日
    000
  • 基于复选框实现HTML元素动态显示与隐藏的教程

    本文详细介绍了如何利用JavaScript(特别是jQuery库)和HTML,实现基于复选框状态动态显示或隐藏页面上的特定HTML元素。教程涵盖了基本的实现方法、代码示例,并探讨了如何优化代码结构、提升用户体验及考虑其他前端框架提供的解决方案,旨在帮助开发者构建更具交互性的Web界面。 1. 概述与…

    2025年12月20日
    000
  • 实现HTML元素基于复选框状态的动态显示与隐藏教程

    本教程详细介绍了如何利用HTML复选框和JavaScript(特别是jQuery库)实现页面元素的动态显示与隐藏。通过监听复选框的选中状态变化,可以灵活控制不同内容区域的可见性,实现诸如“上传文件”与“输入链接”等互斥功能的切换,从而显著提升用户界面的交互性和体验。 引言 在现代web应用开发中,动…

    2025年12月20日
    000
  • 动态切换HTML内容:基于复选框状态的显示与隐藏技术

    本文旨在详细阐述如何利用HTML复选框的状态变化,通过JavaScript(尤其是jQuery)动态控制页面上不同HTML区域的显示与隐藏。文章将涵盖从单一元素的切换到多个互斥区域的显示逻辑,提供清晰的代码示例,并探讨相关注意事项与最佳实践,以帮助开发者提升用户界面的交互性和灵活性。 核心概念:基于…

    2025年12月20日 好文分享
    000
  • 基于复选框状态动态控制HTML元素显示与隐藏

    本教程详细介绍了如何利用HTML复选框的状态来动态控制页面上其他HTML元素的显示与隐藏。通过简单的JavaScript(或jQuery)代码,实现用户交互时内容区域的灵活切换,提升用户体验。文章将提供具体的代码示例,并探讨实现这一功能的最佳实践和注意事项,包括初始状态处理、可访问性以及集成UI框架…

    2025年12月20日
    000
  • 基于复选框状态动态控制HTML字段显示与隐藏的教程

    本教程详细介绍了如何利用HTML、CSS和JavaScript(特别是jQuery)实现基于复选框选中状态动态显示或隐藏页面上的不同内容区域。通过一个视频上传与链接插入场景的实例,展示了如何配置初始状态,并使用事件监听器响应用户交互,从而优化用户界面体验。 在现代web开发中,根据用户的选择动态调整…

    2025年12月20日 好文分享
    000
  • js如何操作传感器

    javascript操作传感器的核心是通过浏览器提供的web api实现,具体步骤包括:1. 检查浏览器是否支持相应api;2. 请求用户授权以确保权限;3. 通过事件监听或对象方法订阅传感器数据;4. 在回调中处理获取的数据;5. 妥善处理权限拒绝或硬件不可用等错误;6. 使用完毕后取消监听或停止…

    2025年12月20日 好文分享
    000
  • JS如何实现测距功能

    js测距功能主要通过haversine公式计算地理坐标间的球面距离,或在canvas等场景下使用勾股定理计算像素距离。1. 地理测距必须用haversine公式而非勾股定理,因为地球是球体,远距离时曲率影响显著,haversine能准确计算大圆距离;2. 用户地理位置可通过navigator.geo…

    2025年12月20日
    000
  • JS如何实现模式匹配?模式匹配的应用

    javascript中实现模式匹配的常见策略包括:1. 使用if/else if和switch语句进行基础条件匹配,适用于简单离散值判断;2. 利用es6对象和数组解构赋值,实现基于数据结构的模式识别,适合处理函数参数或api响应;3. 构建策略对象或调度表,通过键值映射执行对应函数,提升代码可维护…

    2025年12月20日
    000
  • SWC AST操作:JavaScript/TypeScript实现代码转换指南

    本文探讨了在SWC中利用JavaScript/TypeScript进行代码转换的实践方法。鉴于SWC目前缺乏官方稳定的JavaScript/TypeScript插件API,我们介绍如何通过@swc/core库解析源代码为抽象语法树(AST),进行自定义修改,再将AST转换回代码。这种方法为开发者提供…

    2025年12月20日
    000
  • SWC中基于JavaScript/TypeScript的AST操作实现代码转换

    本文探讨了在SWC中如何利用JavaScript/TypeScript进行代码转换。尽管目前没有官方的JS/TS插件API,但通过深入理解和操作抽象语法树(AST),开发者可以使用@swc/core库的parse和transform方法,在代码解析和生成之间插入自定义逻辑,实现灵活的代码转换需求。文…

    2025年12月20日
    000
  • JS如何实现多语言切换

    js实现多语言切换的核心是通过json文件管理多语言文本资源,并利用javascript动态加载和替换页面文本;具体做法是将不同语言的文本以键值对形式存储在json文件中,通过fetch加载对应语言包,结合localstorage保存用户选择的语言,使用translate函数根据键名返回对应文本并支…

    2025年12月20日
    000
  • JS如何实现懒加载组件?React.lazy

    在javascript中实现react组件懒加载的核心方法是使用react.lazy和suspense。react.lazy通过动态import()将组件拆分为独立代码块,suspense通过fallback属性定义加载时的占位内容,从而实现按需加载,显著提升应用初始加载性能。该方案解决了大型单页应…

    2025年12月20日
    000
  • JS如何实现支付功能

    js实现支付功能的核心是调用后端支付接口并引导用户至支付平台完成支付,前端负责收集信息、发起请求及处理结果。1. 需与后端明确支付接口的请求方式、url、参数和返回格式,后端对接支付宝或微信支付等平台生成必要参数;2. 根据支付方式引入相应sdk,如微信使用jweixin-module,支付宝使用其…

    2025年12月20日
    000
  • 冒泡排序是什么?冒泡排序的优化方法

    冒泡排序可通过设置标志位、记录最后交换位置和双向排序进行优化,其中设置标志位能提前结束已有序序列的比较,记录最后交换位置可减少无谓遍历,双向冒泡排序则加快小元素前移速度,尽管这些优化在部分有序或小规模数据中提升明显,但因最坏和平均时间复杂度仍为o(n^2),在实际开发中面对大规模数据时效率低下,故即…

    2025年12月20日
    000

发表回复

登录后才能评论
关注微信