欢迎光临散文网 会员登陆 & 注册

18个代码优化技巧,让你优雅起来!

2023-07-21 13:34 作者:千锋前端  | 我要投稿

每当我在网上浏览到大神的代码,我就

常常因自己功能实现的不够巧妙而羞愧

又因自己代码书写的不够优雅而悔恨

不禁让我想起来雷军的那段经典

提问:写过诗吗?

雷总:我没有写过诗,但是有人说我写过的代码,像诗一样优雅!

感兴趣的可以在我们这篇文章里面看看,雷总究竟是怎么让代码优雅成了诗的。

https://www.bilibili.com/read/cv25179408

今天我们就给大家的介绍18种让你的JavaScript代码优雅起来的方法。

1、查找数组的最大值和最小值

2、获取字符串的字符

3、Object.entries()

这个方法可以将对象转换为对象数组

4、条件查找简化

如果我们要基于不同的类型调用不同的方法,可以使用多个 else if 语句或 switch,但有没有比这更好的简化技巧呢

5、数组 find 简化

当我们有一个对象数组,并想根据对象属性找到特定对象,find 方法会非常有用。

6、跨行字符串

当我们在代码中处理跨行字符串时,可以这样做。

7、将字符串转成数字

8、解构赋值

9、模板字面量
如果你厌倦了使用 + 将多个变量连接成一个字符串,那么这个简化技巧将让你不再头痛。

10、延展操作符简化

我们也可以使用延展操作符进行克隆。

11、默认参数值

12、 指数表示法

13、隐式返回
通过使用箭头函数,我们可以直接返回值,不需要 return 语句。

14、switch 简化
我们可以将条件保存在键值对象中,并根据条件来调用它们。

15、简短的函数调用
我们可以使用三元操作符来实现多个函数调用。

16、for each 循环
这是一种常见的循环简化技巧。

遍历数组的每一个变量。

17、 用于多个条件判断的 && 操作符
如果只在变量为 true 时才调用函数,可以使用 && 操作符。

18、简化 if true...else
对于不包含大逻辑的 if-else 条件,可以使用下面的快捷写法。我们可以简单地使用三元运算符来实现这种简化。

如果有嵌套的条件,可以这么做。


18个代码优化技巧,让你优雅起来!的评论 (共 条)

分享到微博请遵守国家法律