在日常工作中,你可能写了很多JavaScript代码,一些基础功能,甚至是那些需要复用的业务功能,而你总是不愿意再写一遍。如果通过复制的方式达到复用的目的,更何况复制和抄袭都容易出错。一旦使用该功能的业务达到十个之多,复用的任何基础功能如果有bug,必须在每个业务中同步修复,费时费力,***累死自己,从此我讨厌写代码,甚至对生活失去信心,哈哈。那么如何提高这段JS代码的复用性呢?(这句话相当于如何提高开发效率)那就是学会封装那部分可重用的代码。接下来,我将谈谈我的看法以及我通常是如何做的。.1、如果你是普通的流式开发,如果你的代码是一个大文件,找机会把可重用的函数抽取出来,放到自包含的对象中,放到单独的库中。如果您发现您已经拥有一组可以在所有项目开发中重用的函数,请考虑将它们打包以便通过对象字面量重用。这里举一个简单的例子:下面的代码包含三个函数,可以在各个业务中实现高复用。我们可以将其转换为对象面体积以供重复使用。如下图:上面我们在全局空间取了3个函数,将它们转化为一个对象上的三个方法,这样不仅减少了全局空间的混乱,也有助于防止相似的函数名冲突。2、如果你是基于组件的开发项目近年来,基于组件的开发项目已经成为业界的主流。那么我们在组件化开发的时候如何封装可复用的代码。1、写成组件在同一个项目中,一般会有一些基础的功能模块和基础的业务UI组件需要复用。这些可以独立写成一个文件,供其他业务模块调用。尤其是在多人团队中,这样可以大大提高开发效率。特别是使用ES6语法后,公共组件的组装变得更加灵活和简单。2、打包成安装包文章开头提到,如何在不同的业务中更高效地共享这些通用的基础模块,我们通常会把它们打包成一个npm安装包。发送到npm库,(当然T公司有自己的私有库,类似npm)在项目使用的时候直接在项目所在目录下运行npminstallXXX--save。是不是维护起来更方便?***综上所述,学习打包复用代码是前端开发人员必备的能力,因为它可以大大提高我们的开发效率,降低代码的错误率。让你更快乐,拥有更高质量的生活等等。
