编写js代码的技巧

在当今这个时代，网络技术越来越发达，各种各样的东西方便了大家对生活、对工作等方面的“运行”。但是随着时代的变化，很多东西都是会被淘汰掉的。就好比代码，凡是一个程序员都知道，编写代码最重要的就是花最少的代码运行出同样的效果。
平时我们在写代码时，觉得我们写的代码量感觉还是挺大的，一方面代码一多就容易乱，运行效率也不高，还容易出bug，另一方面代码量大了对于程序员来说也是很劳累的，所以我们会想着怎样去把代码量减少同时又不会对项目产生影响·，特别是在写原生JavaScript的时候，下面我为大家用一个例子来说明：

上面是我们学习前端基础所编写的原生JavaScript，第一眼的感觉就是很多重复的代码，很不简洁。这样子的代码运行的效率也不会很高。然后我们慢慢地开始演变出了jQuery，利用jQuery可以为我们写代码的时候提供更简洁的写法。下面是我引用了jquery-3.2.1.min.js后简化的代码：

jquery-3.2.1.min.js就是引用的封装好的代码，当然不止这一种，这些都是可以去网上下载的。
引用之后就可以进行一些很简洁的写法，可是这样还是不满足。好像还是觉得有很多重复的代码，那能不能将这些代码简化呢?当然也是可以的，这时候我们就可以运用函数封装了。下面我再次简化了代码：

上面就是出现很多重复代码的简化方法，我们将一些重复的代码封装成一个函数，就像上图那样把重复代码放在一个方法里面，然后再调用，用这样的方式简化看上去就比之前的简洁很多了，那还能不能简化得更简洁呢?那就要看未来的你能不能实现将它变得更加简洁了。