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

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

技术杂谈小彩虹2021-07-13 2:14:2370A+A-

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

例子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

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

点击这里复制本文地址 以上内容由权冠洲的博客整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

支持Ctrl+Enter提交

联系我们| 本站介绍| 留言建议 | 交换友链 | 域名展示
本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除

权冠洲的博客 © All Rights Reserved.  Copyright quanguanzhou.top All Rights Reserved
苏公网安备 32030302000848号   苏ICP备20033101号-1

联系我们