for循环优化_前端js if判断以及for循环该如何写的更好,优化upup

大致介绍

这是小m马发布的第一篇文章,关于前端领域的开发习惯,这是自己的一些经验总结,希望可以给大家带来一定的帮助,提升自己的开发效率以及代码质量,m马会用react,以及vue分别举出一些正反例来进行对比,从而更直观的体现代码开发的质量性

b5f14004a902425ff4fcea0506517876.png

NO.1 接了上一任前端的坑(if判断的升级)

往往前端进入一家新公司以后,看到上一任的前端留下的一片if,else,一片的for循环嵌套for循坏,顿时小m马都要傻眼了,无任何逻辑上面的梳理,遇见问题就if,遇见遍历就一个for,往往会造成代码开发的维护性极差,甚至还会让人无法理解开发者的意图,接下来小m马给大家介绍简洁一点的if写法以及for循环的写法!

//常规针对一个值是否存在的if,完全可以用三目运算符进行代替

针对以上的if进行一个总结

  1. 首先在开发中if判断是避免不了的,我们尽量通过逻辑去减少if的使用频率,而不是遇见一个需要进行抉择的if下来(具体的这个思维逻辑小m马会在下一期中更新出来)
  2. 使用if之后我们也需要简洁明了的表达出来,上面的这两个例子中,使用三目运算符就不多做解释了,重点讲一下第二种使用或与非的形式
  3. &&符号遇见为false的选项就会停止下来,如果是true就会往后继续执行,讲到这大家就明白了吧,在例子中,foo存在就会往后执行函数,不存在,函数也就不会执行。
  4. ||符号,在判断条件中,是遇见false的话就会往后执行,可以看出我们是要当这个foo不存在的时候才会执行函数的,所以使用||,foo不存在了,是fasle,所以执行了后面 的函数。

21bdabcaea67a19a967cf511819cc3df.png

接下来进行持续升级,出小干货!

//反例来了!!!!
//通过对象的形式,在开发微信小程序的时候会更加可以体现出价值..举例
  1. 这是关于if判断的使用,通过使用对象的形式快速的可以让开发者明白自己的意图这才是我们程序员的重中之重啊,一个好的代码习惯,可以让自己做的都开心点。(下一期中关于if判断的写法还有持续的升级,小m马还有更多的关于开发的习惯有分享)

e0dffd64e7edeb29e263a07cf70418b4.png

跳出反反复复一直写的for循环

//来来来,小m马给大家分享一下for循坏要怎么写,首先举一个反例给大家看
  1. 通过使用for of 在处理这种三维或者说多层的数据时,可以很清晰的处理好每一步,并且可以看得很清楚我每一步都是在做什么,不会出现说一大串密密麻麻我自己都不知道自己在写什么的情况,接下来小m马,针对for循环给大家进行写出每一种不同情况下应该用什么循环进行处理
let 

当然还有一些循环的操作,比如在react中经常用于遍历dom节点的map,和ea6中的new map,小m马依然会在下一期分享中写出,这些用法来和大家进行分享,希望大家的程序员开发道路会越来越顺利,加油!!!

3c6c96a49a6cff1aca67dcc8177616da.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值