全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

如何在JavaScript中更好地使用条件判断

发布时间:2022-09-15 10:04:37
发布人:wjy

  这篇文章用很短的时间来介绍如何在 JavaScript 中编写更简单的条件判断,帮助你编写更简洁、更易读的代码。

  假设我们将颜色值转换为十六进制编码的函数。

如何在JavaScript中更好地使用条件判断1

  这个函数的目标很简单,就是传入颜色字符串,然后返回对应的十六进制。如果传入的不是字符串,或者没有传递任何内容,则返回白色的十六进制。

  接下来,我们开始优化这段代码。

  避免直接使用字符串作为条件

  直接使用字符串作为条件的问题在于,当我们拼错时会很尴尬。

如何在JavaScript中更好地使用条件判断2

  为了避免这个错误,我们可以使用常量。

如何在JavaScript中更好地使用条件判断3

  如果你使用的是TypeScript,那么,你可以直接使用枚举。

  使用对象

  其实从上面的代码中不难发现,我们可以直接将十六进制值存储在对象的值中。

如何在JavaScript中更好地使用条件判断4

  这样代码会更加简洁易读。

  不符合预期,早点回来

  另一个最佳实践是我们可以在函数顶部写出意外返回,以避免忘记返回。

如何在JavaScript中更好地使用条件判断5

  这样你甚至不需要 else。使用这个技巧,我们可以消除代码中的很多其他内容。

  将Map与Object一起使用

  使用 Map 更专业,因为它可以存储任何类型的键,并且它继承自 Map.prototype,具有更方便的方法和属性。

  而且Object更方便访问属性,我们可以继续使用Object来实现枚举的作用。

如何在JavaScript中更好地使用条件判断6

  Map也可以存储功能

  假设我们存储了很多颜色,最多上千种,而且我们还需要支持后端配置,通过一定的操作过程可以得到结果。

  然后我们可以使用 Map 来存储函数。

如何在JavaScript中更好地使用条件判断7

  尽量避免三元表达式和switch

  三元表达式虽然简短,但可读性大打折扣。如果是多级条件,阅读起来会很困难。

  switch 和 if 没有明显的优势,但有时很容易返回,导致代码无法按预期执行。

相关文章

抖店平台商户被退店还能退货吗?如何提高评分?

2023-09-19

抖店入驻收费多少?开抖店费用是多少?

2023-09-19

想做直播带货的货源哪里来?怎么找货源?

2023-09-19

抖店没有营业执照怎么办?类型有哪些?

2023-09-19

女孩子拍什么最容易火?拍视频怎么赚钱的?

2023-09-19

怎样投抖加不花钱,有哪些技巧?

2023-09-19
在线咨询 免费试学 教程领取