跟着月影学JavaScript(下)| 青训营笔记

61 阅读1分钟

这是我参与「第五届青训营」伴学笔记创作活动的第4天

一、写代码最应该关注什么?

  • 风格
  • 效率
  • 约定
  • 使用场景
  • 设计

二、通过实例学习JS

1.Left-pad事件

image.png

事件本身的槽点:

  • NPM模块粒度
  • 代码风格
  • 代码质量/效率

简化代码,提升效率: image.png

left-pad事件优化

2.交通灯:状态切换

如何实现一个切换多个交通灯状态切换的功能

版本一:数据抽象 image.png

版本二:过程抽象 image.png

版本三:异步/函数式 image.png

版本四: image.png

3.判断是否是4的幂

版本一

image.png

版本二

image.png

版本三

image.png

版本四

image.png 判断是否是4的幂(代码)

4.洗牌

错误代码:Math.random()会使数字小的出现频率更高,结果出现概率不相等

image.png 正确代码:

image.png 洗牌-生成器:大大提升效率

image.png

5.分红包

切西瓜法:每切一次都拆分大的部分 image.png 抽牌法:

image.png

三、课后总结

本节通过JavaScript的实例来分析、学习JS相关的知识,通过对JS代码的质量优化,来提升代码编写和运行的效率,这对于一个程序员来说很有必要性。前端仍然需要掌握算法基础知识,算法仍有许多难点需要逐个解决,本节的部分实例分析较为吃力,需要多加学习。