找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 282664|回复: 0

成为优秀程序员必备的6个提高条件判断语句可读性的方式 ...

[复制链接]

该用户从未签到

发表于 2021-2-25 14:00:53 来自手机 | 显示全部楼层 |阅读模式

您需要 登录 才可以下载或查看,没有账号?立即注册

×
如果你用过条件判断语句,你应该通常会用到 if 或 switch 语法。
ES6 给我们更强大的能力去写更好的条件判断语句,它更短,更简洁。
这个文章我们会展示 6 种方法来提高条件判断语句的可读性,可维护性!
这有助于你提高编程水平,并写出优质的代码!
1. 早早的 return 代替 if else
看看下面的代码。嵌套式的 if 判断的代码是很丑陋的,很难控制,很难定位 bug。如果你嵌套得太多层,层次太深,而且如果你的电脑屏幕太小,都很难展示完整的语句。你必须用鼠标滚动屏幕才能显示出来。

如果解决上面这个问题呢?就是要早早地 return。如果遇到错误,或者无效的情况,我们早早地 return 或者抛出错误,就会少一些判断,且看下面的代码:

2. 使用 Array.includes
假设您需要检查动物是否是宠物,如下所示:

上面的代码中:动物如果是猫或者狗就是宠物,如果还要加上其他的呢,比如蛇,鸟。这个时候你可能会再加上类似这样的判断 || animal=== 'snake'。
其实我们可以用 Array.includes 代替它,比如:

3. 在函数中使用参数默认值
我们在定义一个函数的时候,你通常会确定你的参数是非空的(null 或 undefined),如果是为空,我们会为它设置一个默认值,我们可能会这样做:

这样你要在函数体里判断,并设置值,有点多余,我们可以这样简化,使用函数参数默认值。

4. Array.every
如果给了您一些宠物,并要求检查所有宠物是否有四只脚怎么办?
比如:

我们会用到 for 去循环遍历这个数组,然后再用 if 来判断。
其实一条语句就可以简化:
5. Array.some
让我们稍微更改一下任务。 现在,我们将检查至少一只宠物是否有四只脚。 这时候我们可以使用 Array.some
6. 用索引代替 switch…case
下面的 switch 语句将返回给定普通宠物的品种。

这里写了好多 case return,看到这样的代码,我们就要想,能不能优化它。
看看下面更清洁的方法。

我们先分类组合形成一个对象 breeds ,这样对象的索引就是动物的名称,而值就是动物的品种,我们在使用getBreeds的时候直接传入索引就好,就会返回出它的种类。
总结
我们在写代码的时候,通常会写很多重复或复杂的语然,这个时候你就要思考如何去优化它,这样有助于你提高编写代码的能力
回复

使用道具 举报

网站地图|页面地图|文字地图|Archiver|手机版|小黑屋|找资源 |网站地图

GMT+8, 2024-11-21 17:02

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表