开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

使用Javascript减少if-else代码中的逻辑

在使用Javascript减少if-else代码中的逻辑时，可以采用以下几种方法：

使用多态：通过使用多态，可以根据不同的条件执行不同的代码块，而不是使用大量的if-else语句。多态可以通过对象的继承和方法的重写来实现。例如，可以创建一个基类，然后派生出不同的子类，每个子类实现自己的逻辑。根据条件，选择合适的子类进行调用。
使用策略模式：策略模式可以将不同的算法封装成独立的策略对象，然后根据条件选择合适的策略对象进行调用。这样可以避免使用大量的if-else语句。例如，可以创建多个策略对象，每个对象实现自己的逻辑，然后根据条件选择合适的策略对象进行调用。
使用映射表：可以使用一个映射表来存储条件和对应的处理函数。根据条件查找映射表，找到对应的处理函数进行调用。这样可以避免使用大量的if-else语句。例如，可以创建一个对象，将条件作为键，处理函数作为值存储在对象中，然后根据条件查找对象，找到对应的处理函数进行调用。
使用设计模式：除了策略模式，还可以使用其他设计模式来减少if-else代码中的逻辑。例如，可以使用工厂模式、观察者模式、装饰器模式等。这些设计模式可以将复杂的逻辑封装起来，使代码更加清晰和可维护。

总结起来，通过使用多态、策略模式、映射表和设计模式等方法，可以减少if-else代码中的逻辑，使代码更加简洁、可读性更高，并提高代码的可维护性和扩展性。

腾讯云相关产品和产品介绍链接地址：

腾讯云函数（云原生）：https://cloud.tencent.com/product/scf
腾讯云API网关（云原生）：https://cloud.tencent.com/product/apigateway
腾讯云容器服务（云原生）：https://cloud.tencent.com/product/tke
腾讯云数据库（数据库）：https://cloud.tencent.com/product/cdb
腾讯云服务器（服务器运维）：https://cloud.tencent.com/product/cvm
腾讯云CDN（网络通信）：https://cloud.tencent.com/product/cdn
腾讯云安全产品（网络安全）：https://cloud.tencent.com/product/safety
腾讯云音视频处理（音视频、多媒体处理）：https://cloud.tencent.com/product/mps
腾讯云人工智能（人工智能）：https://cloud.tencent.com/product/ai
腾讯云物联网（物联网）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发（移动开发）：https://cloud.tencent.com/product/mobiledk
腾讯云对象存储（存储）：https://cloud.tencent.com/product/cos
腾讯云区块链服务（区块链）：https://cloud.tencent.com/product/baas
腾讯云元宇宙（元宇宙）：https://cloud.tencent.com/product/metaverse

相关搜索:如何减少JavaScript中.then的使用？如何减少PHP中if-else语句的数量？条件语句If-Else Java中的逻辑错误如何从这个javascript中减少代码行如何减少javascript的大小来测试代码？使用reduce()减少Javascript中的子数组数量使用JSON的JavaScript编程逻辑使用Swift中的switch语句重构IF-Else嵌套代码 javascript逻辑中的小问题 Javascript中的异步/等待逻辑如何使用Riverpod减少复制的代码减少Javascript中的调用堆栈大小使用一组div和输入减少javascript for语句中的代码减少未使用的JavaScript (灯塔)- NextJS + GTM 使用Javascript增加/减少输入字段的值如何减少no。python代码中的for循环如何减少代码中"if“语句的数量？在JavaScript中创建数组的逻辑 PHP fopen()中的javascript逻辑错误使用javascript中的重新格式化减少数组

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

使用 promise 重构 Android 异步代码

业务当中写Android异步任务一直是一项挑战，以往的回调和线程管理方式比较复杂和繁琐，造成代码难以维护和阅读。在前端领域中JavaScript其实也面临同样的问题，Promise 就是它的比较主流的一种解法。在尝试使用Promise之前我们也针对Android现有的一些异步做了详细的对比。

02

高性能JavaScript

由于局部变量存在于作用域的起始位置，因此访问局部变量比访问跨作用域变量更快，变量在作用域中的位置越深，访问所需时间就越长，由于全局变量总处在作用域的最末端，因此访问速度最慢。

00

JS基础知识点(一)

* JavaScript:简称JS（最初的设计目的:解决浏览器和用户之间的交互问题）

01

爬虫不得不学之 JavaScript 入门篇

现在的爬虫越来越难了，不再和之前的那样，随便抓个包就可以找到相关的 url ，然后 post 一下或者 get 一下数据就出来了。还有一个可能就是可能你以前用来学习的爬虫网站太简单了，还没有看见过那些猛的。上两周我就想弄弄知乎登陆，参数的加密算是把 js 代码扣出来了，但是只能在浏览器上运行，一换到 Python 执行就各种报错，你不会 JavaScript 就什么都调不了，所以二话不说，开启了新的大陆。那就开始吧！

03

JavaScript基础之四——选择与循环结构

选择结构与循环结构是编程中处理逻辑的核心结构，JavaScript中支持if-else和switch-case选择结构，支持for，for-in,do-while,while循环结构。并且可以使用break与continue语句进行循环的跳出，简单的条件选择if语句示例如下：

01

6个实例详解如何把if-else代码重构成高质量代码

程序员想必都经历过这样的场景：刚开始自己写的代码很简洁，逻辑清晰，函数精简，没有一个if-else，

01

条件语句小技巧

“高性能javascript” 这本书中提到了一个“查找表”的概念，建议在有大量离散值要测试时，if-else 和 switch 都比使用查找表慢很多，依据是运行了5万次后的比较结果例如写一个测试

07

为什么我不建议你用 if-else ？

程序员想必都经历过这样的场景：刚开始自己写的代码很简洁，逻辑清晰，函数精简，没有一个 if-else，可随着代码逻辑不断完善和业务的瞬息万变:比如需要对入参进行类型和值进行判断；这里要判断下对象是否为 null；不同类型执行不同的流程。

02

这满屏的 if/ else，交接的兄弟快被逼疯！

程序员想必都经历过这样的场景：刚开始自己写的代码很简洁，逻辑清晰，函数精简，没有一个 if-else，可随着代码逻辑不断完善和业务的瞬息万变:比如需要对入参进行类型和值进行判断；这里要判断下对象是否为 null；不同类型执行不同的流程。

01

分享 12 个解决日常工作问题的JS 代码片段

英文 | https://javascript.plainenglish.io/12-useful-javascript-snippets-for-everyday-problems-4f08ee1ab5e

01

如何让小姐姐崇拜你的代码

这是许多编程语言的共同特征。你可以使用三元运算符用一行代码编写整个语句，而不是在多行上编写 if-else。

03

实例告诉你如何把 if-else 重构成高质量代码！

程序员想必都经历过这样的场景：刚开始自己写的代码很简洁，逻辑清晰，函数精简，没有一个 if-else，可随着代码逻辑不断完善和业务的瞬息万变:比如需要对入参进行类型和值进行判断；这里要判断下对象是否为 null；不同类型执行不同的流程。

00

前端性能优化之 JavaScript

本文为《JavaScript》读书笔记，是利用中午休息时间、下班时间以及周末整理出来的，此书虽有点老旧，但谈论的性能优化话题是每位同学必须理解和掌握的，业务响应速度直接影响用户体验。

03

React 条件渲染最佳实践(7 种方法)

在 React 中，条件渲染可以通过多种方式，不同的使用方式场景取决于不同的上下文。在本文中，我们将讨论所有可用于为 React 中的条件渲染编写更好的代码的方法。

02

JavaScript 性能优化

该过程会触发两次重排——第一步和第三步。如果你忽略这两个步骤，那么在第二步所产生的任何修改都会触发一次重排。有三种方法可以使DOM脱离文档：

02

用了这个设计模式，我优化了50%表单校验代码

背景假设我们正在编写一个注册页面，在点击注册按钮之时，有如下几条校验逻辑：用户名不能为空密码长度不能少于6位手机号码必须符合格式常规写法： const form = document.getElementById('registerForm'); form.onsubmit = function () { if (form.userName.value === '') { alert('用户名不能为空'); return false; } if (form.pass

05

JavaScript

ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现。

01

rust语言流程控制

rust代码是从上至下顺序执行的，在这个过程中，可以通过循环，分支等流程控制方式来实现相应的逻辑。

04

为什么if-else会影响我的代码的复杂度

我之前写了一篇文章《我用规则引擎消除if语句，提高了代码的可扩展性》，这篇文章我想阐述的观点是复杂的if语句可能会影响代码的阅读和代码的扩展性，会将非业务的条件逻辑与业务逻辑混合在一起。时间长了代码会越来越臃肿，因此这种情况下我推荐使用一些设计模式例如策略模式，责任链模式等去优化if语句带来的问题，文中我发现使用规则引擎也能实现类似效果，因此介绍了怎么使用规则引擎Easy Rules去取代if语句。

01

分享20个JS专业小技巧，助你从新手成长为专业开发者

在掌握JavaScript这门灵活而强大的编程语言的过程中，不仅仅是学习基础知识那么简单。今天，我将为大家分享20个JavaScript的专业技巧，这些可能对初学者来说并不那么熟知。通过对比初学者（或者说“新手”）和经验丰富的开发者（或者说“专家”）在这些技巧上的不同处理方式，你可以提升你的编码技能，编写出更高效、简洁、优雅的JavaScript代码。

01

精读《高性能 javascript》

本期我来给大家推荐的书是《高性能JavaScript》，在这本书中我们能够了解 javascript 开发过程中的性能瓶颈，如何提升各方面的性能，包括代码的加载、运行、DOM交互、页面生存周期等。同样我们今天还是用思维导图的方式来精读一遍（思维导图图片可能有点小，记得点开看，你会有所收获）。

02

前端开发基础，JavaScript 主要作用是什么？

JavaScript是一种广泛应用于前端开发的脚本语言，它赋予了网页动态化和交互性的能力。本文将介绍JavaScript的主要作用以及一些基础知识，帮助读者更好地理解JavaScript在前端开发中的重要性。

02

该不该扼杀过多的if-else

抛开其他因素，如果if-else过多，可读性也许会好也可能会降低，可维护性也是或高或低；如果if-else少，代码高度抽象，可读性会低或者不变，可维护性可能会高也可能会低。这里大概可能会有几种情况

01

简单工厂模式、工厂方法模式和抽象工厂模式

上面的工厂实现是一个具体的类KeyboardFactory，而非接口或者抽象类，getInstance()方法利用if-else创建并返回具体的键盘实例，如果增加新的键盘子类，键盘工厂的创建方法中就要增加新的if-else。这种做法扩展性差，违背了开闭原则，也影响了可读性。所以，这种方式使用在业务较简单，工厂类不会经常更改的情况。

03

面试官：你是如何对前端项目进行优化的？

面试官：你认为前端工作中最重要的是什么？答：用户体验！面试官：如何可以提升用户体验？答：从提升项目性能开始！面试官：如何才能提升项目性能呢？答：对项目进行优化! 面试官：如何对项目进行优化？答：主要从项目加载时以及运行时两方面进行优化。面试官：如何进行加载时的优化？答：主要从以下几方面入手： CSS 写头部，JavaScript 写底部：所有放在 head 标签里的 CSS 和 JS 文件都会堵塞渲染。如果这些 CSS 和 JS 需要加载和解析很久的话，那么页面就会空白了，所以 JS 文件要

02

JavaScript性能提升学习

不支持defer属性的浏览器：defer、script、load 支持defer属性的浏览器：script、defer、load 3.2 动态添加script标签，添加到head中比添加到body中安全 3.3 XHR动态脚本注入兼容性好，但不能跨域

02

C++一分钟之-控制流：if语句与条件判断

在C++编程的征途中，控制流如同指挥棒，指引程序按预定逻辑舞动。其中，if语句作为条件判断的基础，是实现决策逻辑的关键。本文将带你深入理解if语句的工作原理，揭示常见的陷阱与误区，并提供实用策略，让你在编写条件逻辑时更加得心应手。

01

对复杂if-else代码块的优化方案

对于很多码农而言，if-else可能是最高频的代码关键字，毕竟，这也比较符合人们二维思考问题的方式，试想大部分问题的答案都是只有两个维度，要么true，要么false，那么通过if-else的方式是再好不过了。当然，if-else固然好，但是在代码中过多的使用，或者反复的嵌套使用，那样就不好了。前几天看到了下面这张图，固然这张图比较夸张，但是也说明了，多重嵌套的if-else的不可取之处。

02

JavaScript控制语句

控制流语句通过使用决策、循环和分支来分解执行流。JavaScript支持的决策语句（if、if-else、switch）、循环语句（for、while、do-while）和分支语句（break、continue、return）。

02

CTO写的代码，真是绝了！

本文通过一个简单的例子来展示如何通过枚举巧妙地干掉 if-else，使代码看起来更佳优雅。

02

被迫重构代码，这次我干掉了 if-else

我们看下边的伪代码，大致就是重构前下单逻辑的代码，由于来源比较少，简单的做if-else逻辑判断足以满足需求。

03

CTO 写的代码，全网被吐槽，真是绝了

我的一大特点是，写文章没有中心思想，上句和下句表达的意思断层，经常被网友吐槽，最近我看到某厂的 CTO 写的代码，被全网吐槽，我们一起来欣赏一下！

04

JavaScript中的三目运算符

判断 javascript中的三目运算符用作判断时，基本语法为: expression ? sentence1 : sentence2 当expression的值为真时执行sentence1，否则执行

04

裁员潮把我搞瞎了

然后我就开始了1个多月的走读代码和写代码，脑袋里充斥着亚马逊、乐天、雅虎、eaby、bigcommerce等等各大国际电商平台。

02

JavaScript 知识点梳理 | 从基础语法到高级用法

JavaScript是按照ECMAScript标准设计和实现的，后文说的JavaScript语法其实是ES5的标准的实现。先说说有哪些基础语法？ 01- 最基础语法有哪些？基础语法几乎所有的语言差异不大，无非数据类型、操作符、控制语句、函数等，简单列举下。 5种基本数据类型 & 1种复杂的数据类型 JavaScript包含5种基本数据类型，分别是undefined / null / boolean / number / string，基本数据类型就这五种，没有其他的！ JavaScript包含1种复

05

Scala 的模式匹配

最近开始学习 Scala，相较于学习 Haskell 的过程来看，Scala 真是直观得多，友好得多，更容易上手。以前写过关于从熟悉的 Java 和 JavaScript 来逐步学习 Groovy 和 Haskell 的文章，这以后再来学习 Scala 的话，就可以不断比较了。如果和我一样有 Java 经验的话但是从来没有接触过 Scala 的话，建议先阅读这篇文章，A Scala Tutorial for Java Programmers，一边比较，一边熟悉，同时配套的还有这个，Scala for Java programmers – Joakim Ohlrogge & Enno Runne，Youtube 上的视频，很直观，然后再从 Scala 官网的文档上面逐步涉入。

03

实现基于ResponderChain的对象交互

在上面的Demo中，如果事件来源有多个，那就无法避免需要if-else语句来针对具体事件作相应的处理。这种情况下，会导致if- else语句极多。所以，可以考虑采用strategy模式来消除if-else语句。

02

#实现基于ResponderChain的对象交互

在上面的Demo中，如果事件来源有多个，那就无法避免需要if-else语句来针对具体事件作相应的处理。这种情况下，会导致if- else语句极多。所以，可以考虑采用strategy模式来消除if-else语句。

00

JavaScript优化技巧

作为开发人员，我们一直在寻找让我们的代码更快更好的方法。但在此之前，编写高性能代码需要做三件事：

01

ES2020 中 Javascript 10 个你应该知道的新功能

好消息 - ES2020 新功能已经落地！这就意味着，现在对 ES2020 中 Javascript 的新增和改进要有一个完整的了解。让我们来看看都有哪些改变。

03

java三元表达式

Java三元表达式提供了一种基于条件的值选择机制，它允许开发者在一行代码中决定两个值中的哪一个应该被使用。这种表达式在某些情况下可以替代更为冗长的if-else语句，从而使代码更加简洁。

01

[浅析] 特定场景下代替优化 if-else 的方案 (二)

很久之前，发了一篇文章:[浅析]特定场景下取代if-else和switch的方案，但是关于使用 if-else 的场景可不会仅仅是上面文章那么少，还有很多的场景，今天再次写下在开发上有哪些可以代替或者优化 if-else 的场景。

02

mod_spidermonkey

SpiderMonkey是第一款最早面世的JavaScript引擎，它是Mozilla使用的Javascript引擎。FreeSWITCH也使用了该引擎来在FreeSWITCH内部支持Javascript嵌入式语言。 FreeSWITCH中对Javascript脚本的支持是在mod_spidermonkey中实现的。通过该模块，可以使用Javascrip控制呼叫流程，如，你可以使用如下Dialplan将电话交给一个Javascript脚本处理： <action application=“javascript” data=“/tmp/test.js”/> 然后，创建如下js文件： session.answer(); session.sleep(1000); session.streamFile("/tmp/hello-js.wav"); session.hangup(); 在js脚本中，可以得到一个session对象（Object），然后就可以对该session进行操作了。一个session代表一路通话。从上面的js脚本中很容易看出，第一行用于对来话进行应答，进二行小睡一会（1000毫秒），第三行则播放一个 .wav 文件，第四行挂机。是的，它等于以下Dialplan： <action application=“answer””/> <action application=“sleep” data=“1000”/> <action application=“playback” data=“/tmp/hello-js.wav”/> <action application=“hangup”/> 但是，大家都知道，在Dialplan中加入逻辑判断等功能都是有限的，但在Javascript中就不同了，你很容易写一些 if-else 之类的语句判断当前的场景进而执行不同的动作。关于这一点，我们在此就不举例子，有兴趣的可以自己研究一下。除了SpiderMonkey外，另一个Javascript引敬是V8，这是一个在Google Chrome中以及 Node.js中使用的Javascript引擎，它提供了比SpiderMondey更好的性能。最近，FreeSWITCH中也实现了一个mod_v8模块。该模块除了与mod_spidermonkey有一些小小的差别外，在API上完全兼容。也就是说，上述的test.js脚本在mod_v8下也能正常运行。由于mod_v8的出现，现在mod_spidermonkey已经不推荐使用了。从下列提交信息中，可以看出它已被移至源代码的 legacy目录中： b0bcc01 Deprecate mod_spidermonkeyWe consider mod_spidermonkey to be completely replaced by mod_v8 关于mod_v8，且听下回解说。另外，如果大家想先看哪些模块，告诉我，我会优先写。 ---------------------------------------- FreeSWITCH-CN是什么？ ---------------------------------------- FreeSWITCH-CN是FreeSWITCH中文社区，我们的官方网站是 http://www.freeswitch.org.cn 。FreeSWITCH-CN同时也是一个微信公共账号，可以通过点击本页最顶端的「FreeSWITCH中文社... 」，或在通迅录->订阅号中搜索「FreeSWITCH-CN」来订阅，也可以到官方网站上扫描二维码。当然，不管是新用户还是老用户，随时都可以输入m或1显示本账号的主菜单。 FreeSWITCH-CN的账号维护者是Seven Du，在此，他会分享多年的FreeSWITCH使用经验，分享一些对开源VoIP软件以及软件社区的思考，并隔三差五的解答一些粉丝关心的问题。Seven Du于2007年听说、2008年开始使用FreeSWITCH，2009年创办FreeSWITCH-CN中文社区，2011~2013连续三年参加了在美国芝加哥举办的ClueCon全球VoIP开发者大会，该会议是由FreeSWITCH核心团队主办的。如果你在学习和使用FreeSWITCH的过程中，有什么有趣的故事，也欢迎与我分享。移动设备上打字不方便，如果想写长的留言可以发邮件到 wechat@freeswitch.org.cn 。

02

创建型-Factory

一般情况下，工厂模式分为三种更加细分的类型：简单工厂、工厂方法和抽象工厂。不过，在 GoF 的《设计模式》一书中，它将简单工厂模式看作是工厂方法模式的一种特例，所以工厂模式只被分成了工厂方法和抽象工厂两类。实际上，前面一种分类方法更加常见，所以，在今天的讲解中，我们沿用第一种分类方法。

01

ES2020 中 Javascript 10 个你应该知道的新功能

链接 | https://juejin.im/post/6844904137277046797

03

js中的三目运算符详解

大家好，又见面了，我是你们的朋友全栈君。判断 javascript中的三目运算符用作判断时，基本语法为: expression ? sentence1 : sentence2 当expre

03

暴肝！7000 字的前端性能优化总结 | 干货建议收藏

为什么要做性能优化？性能优化到底有多重要？网站的性能优化对于用户的留存率、转化率有很大的影响，所以对于前端开发来说性能优化能力也是重要的考察点。

02

万字长文：分享前端性能优化知识体系

为什么要做性能优化？性能优化到底有多重要？网站的性能优化对于用户的留存率、转化率有很大的影响，所以对于前端开发来说性能优化能力也是重要的考察点。

04

JavaScript注意点：Array.prototype.map

简单结论：因为map传递3个参数，parseInt接收2个参数，额外的参数导致了出错。如果是parseFloat就没问题了，因为parseFloat只接受1个参数。

01

JavaScript数据结构(3-2)：单向链表与双向链表——双向链表篇

我们已经完整的实现了单链表，这真是极好的。现在可以在一个占用费连续的空间的链表结构中，进行添加、删除和查找节点的操作了。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭