多If函数封装的策略
创始人
2024-05-26 09:43:38
0

        在工作中我们经常遇到有多个if的判读函数,这是一件很正常的事情,如下:

let order = function (orderType, isPay, count) {if (orderType === 1) {// 充值 500if (isPay === true) {// 充值成功console.log('中奖100元')} else {if (count > 0) {console.log('抽到10元优惠卷')} else {console.log('请再接再励!')}}} else if (orderType === 2) {// 充值 200if (isPay === true) {// 充值成功console.log('中奖20元')} else {if (count > 0) {console.log('抽到10元优惠卷')} else {console.log('请再接再励!')}}} else if (orderType === 3) {// 不充钱if (count > 0) {console.log('抽到10元优惠卷')} else {console.log('请再接再励!')}}
}

                但是在很多的时候里面的if的判断会包含很多方法和数据的处理,使一个函数经常会达到200行以上,那么有没有优化的方法呢?我们今天来看一看。

一、定义的策略

        言简意赅的说就是将每一个情况都第一个个方法,在需要的时候传入参数判断即可。

const strategy = {order500: function (isPay, count) {if (isPay === true) {// 充值成功console.log('中奖100元')} else {this.orderNoraml(isPay, count)}},order200: function (isPay, count) {// 充值 200if (isPay === true) {// 充值成功console.log('中奖20元')} else {this.orderNoraml(isPay, count)}},orderNoraml: function (isPay, count) {// 不充钱if (count > 0) {console.log('抽到10元优惠卷')} else {console.log('请再接再励!')}},
}

        然后在使用的时候传入值进行函数判断,即可返回需要的参数。

function orderFunc(orderType, isPay, count) {let orderTypeObj = {1: 'order500',2: 'order200',3: 'orderNoraml'};return strategy[orderTypeObj[orderType]](isPay, count);
}orderFunc(1, true, 0)
orderFunc(1, false, 100)
orderFunc(2, true, 0)

二、责任链模式

        它的定义就是在你目前能够处理的情况进行处理,如果处理不了那么就到下一个函数,一直到可以处理的为止。

//原则:只处理单一模式,处理不了之后往后传
function order500(orderType, isPay, count) {if (orderType === 1 && isPay === true) {// 充值成功console.log('中奖100元')} else {order200(orderType, isPay, count)}
}function order200(orderType, isPay, count) {// 充值 200if (orderType === 2 && isPay === true) {// 充值成功console.log('中奖20元')} else {orderNoraml(orderType, isPay, count)}
}function orderNoraml(orderType, isPay, count) {// 不充钱if (count > 0) {console.log('抽到10元优惠卷')} else {console.log('请再接再励!')}
}

        调用方法只需要执行一个函数就行了

order500(1, true, 100)
order500(1, true, 100)
order500(2, true, 0)

三、函数式模式

        其实我感觉应该使第二种方法的精简版,使每一个方法都继承他的下一个方法,然后让他们相互调用,形成一个循环。

        方法的定义主要体现到next下一个方法。

function order500(orderType, isPay, count) {if (orderType === 1 && isPay === true) {// 充值成功console.log('中奖100元')} else {return 'next'}
}function order200(orderType, isPay, count) {// 充值 200if (orderType === 2 && isPay === true) {// 充值成功console.log('中奖20元')} else {return 'next'}
}function orderNoraml(orderType, isPay, count) {// 不充钱if (count > 0) {console.log('抽到10元优惠卷')} else {console.log('请再接再励!')}
}

        定义一个class类用来继承

class chain {constructor(fn) {this.fn = fnthis.next = null}// 设置下一链条setNext(nextChain) {this.next = nextChain}// Run 起来passRequest() {console.log("this===>>",this)let res = this.fn.apply(this,arguments)if(res === 'next') {return this.next && this.next.passRequest.apply(this.next,arguments)}return res}
}

然后实现它,并且相互调用。

let order500Chain = new chain(order500)
let order200Chain = new chain(order200)
let orderNoramlChain = new chain(orderNoraml)order500Chain.setNext(order200Chain)
order200Chain.setNext(orderNoramlChain)order500Chain.passRequest(1, false, 100)

        是不是这种方法也很巧妙呢,在我们工作学习的过程中大家也可以试试把他们做成一个函数式的形式,一起加油吧。

相关内容

热门资讯

【NI Multisim 14...   目录 序言 一、工具栏 🍊1.“标准”工具栏 🍊 2.视图工具...
银河麒麟V10SP1高级服务器... 银河麒麟高级服务器操作系统简介: 银河麒麟高级服务器操作系统V10是针对企业级关键业务...
不能访问光猫的的管理页面 光猫是现代家庭宽带网络的重要组成部分,它可以提供高速稳定的网络连接。但是,有时候我们会遇到不能访问光...
AWSECS:访问外部网络时出... 如果您在AWS ECS中部署了应用程序,并且该应用程序需要访问外部网络,但是无法正常访问,可能是因为...
Android|无法访问或保存... 这个问题可能是由于权限设置不正确导致的。您需要在应用程序清单文件中添加以下代码来请求适当的权限:此外...
北信源内网安全管理卸载 北信源内网安全管理是一款网络安全管理软件,主要用于保护内网安全。在日常使用过程中,卸载该软件是一种常...
AWSElasticBeans... 在Dockerfile中手动配置nginx反向代理。例如,在Dockerfile中添加以下代码:FR...
AsusVivobook无法开... 首先,我们可以尝试重置BIOS(Basic Input/Output System)来解决这个问题。...
ASM贪吃蛇游戏-解决错误的问... 要解决ASM贪吃蛇游戏中的错误问题,你可以按照以下步骤进行:首先,确定错误的具体表现和问题所在。在贪...
月入8000+的steam搬砖... 大家好,我是阿阳 今天要给大家介绍的是 steam 游戏搬砖项目,目前...