javascript 代码的简单优化

我们以一个例子出发,在工作中我们可能写出以下的代码:

javascript 代码的简单优化

文章插图
这是一段让数组中的全部项变成大写的代码
这段代码看起来好像也没有什么问题,阅读起来也很清晰,但是总是让人觉得好像有点长,甚至不那么高级 。
首先我第一步就是减少功能对共享状态的依赖 。我们upperCaseItems在执行过程中修改了items 。这可能会对程序其他部分造成影响 。我们要减少对Items的依赖 。
javascript 代码的简单优化

文章插图
给upperCaseItems传入一个参数,使之变成一个纯函数
其次,我们使用可读性更强的抽象语言,比如forEach进行迭代 。
javascript 代码的简单优化

文章插图
使用forEach进行循环数组
使用更高级的抽象数组map方法减少代码量 。
javascript 代码的简单优化

文章插图
 
将功能简化成最简单的形式 。
javascript 代码的简单优化

文章插图
 
对于此项功能,我们也可能不需要自己写一个功能函数,利用JS自带的函数就可以解决此问题 。
javascript 代码的简单优化

文章插图
 
通过不断的修改,我们的代码变的更加可靠,简洁 。不过它的抽象程度也越来越高 。
在实际写代码中 。我们一定要养成一个优化代码的好习惯,敢于尝试新的方法 。这样才能使自己的代码,越来越健壮 。知识储备越来越丰富,代码水平也会慢慢提高 。

【javascript 代码的简单优化】


    推荐阅读