<返回更多

javascript 代码的简单优化

2020-12-24    
加入收藏

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

javascript 代码的简单优化

这是一段让数组中的全部项变成大写的代码

这段代码看起来好像也没有什么问题,阅读起来也很清晰,但是总是让人觉得好像有点长,甚至不那么高级。

首先我第一步就是减少功能对共享状态的依赖。我们upperCaseItems在执行过程中修改了items。这可能会对程序其他部分造成影响。我们要减少对Items的依赖。

javascript 代码的简单优化

给upperCaseItems传入一个参数,使之变成一个纯函数

其次,我们使用可读性更强的抽象语言,比如forEach进行迭代。

javascript 代码的简单优化

使用forEach进行循环数组

使用更高级的抽象数组map方法减少代码量。

javascript 代码的简单优化

 

将功能简化成最简单的形式。

javascript 代码的简单优化

 

对于此项功能,我们也可能不需要自己写一个功能函数,利用JS自带的函数就可以解决此问题。

javascript 代码的简单优化

 

通过不断的修改,我们的代码变的更加可靠,简洁。不过它的抽象程度也越来越高。

在实际写代码中。我们一定要养成一个优化代码的好习惯,敢于尝试新的方法。这样才能使自己的代码,越来越健壮。知识储备越来越丰富,代码水平也会慢慢提高。

声明:本站部分内容来自互联网,如有版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
▍相关推荐
更多资讯 >>>