十个例子让你代码变的简洁起来

在开发项目的时候难免会遇到结构相同逻辑不同的代码,而且写的又臭又长,让人看的很不爽,现在,大码猴教你如何去优化这些大坨代码。

例子1:大量选择分支的时候,过多if

些项目的时候,难免会出现大量的选择分支,如下:

image.png

image.png

我们可以利用对象的特性进行优化,优化如下:

image.png

没毛病 输出的都是一样的值,这样看起来就简单明了了

image.png

例子2:大量的条件满足情况

image.png

image.png

这会我们利用数组的includes方法进行优化:

image.png

includes: 判断当前数组是否存在指定的条件,遍历下来存在返回true, 不存在则返回false

image.png

例子3:判断数组是否存在并且长度大于0

我们可以利用 es11的链式运算进行优化

image.png

例子4:检查对象上是否存在该属性

image.png

in操作符不区分属性来自于本身或继承自原型链

例子5: 函数

image.png

利用箭头函数省去了写小括号,function以及return

例子6: 更快的让浮点数变成整数

image.png

一个位操作符 ~ 将输入的32位的数字(input)转换为 -(input+1). 两个位操作符将输入(input)转变为 -(-(input + 1)+1) 是一个使结果趋向于0的取整好工具

例子7:去重

image.png

image.png
set是es6里新提出的一个集合的概念,类似于数组arr,同样不只是数字类型,其他类型的数据如字符串等也是支持的,set有个和数组不同的特性就是重复的元素加入集合中是无效的

例子8:定义多个变量

image.png

例子9:利用三目运算解决分支

image.png

例子10: 避免大量分支赋值

image.png

写出简洁明了的代码是进阶更高级的必经之路,每次写完大坨代码之后我们都要去试着重构,让代码更简介更易懂,这样的话进步会更快哟!

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享