js中全局变量或者全局函数的数量会影响到程序的运行,全局变量或全局函数越多那么所占用浏览当中的内存就会越大,性能也就会越差。在真实的案列当中我们会定义大量变量和函数、构造器、对象。那么怎么样师我们的代码变得更加的优化,我总结一下今天所学习到的三点,以后会补充更多。
第一点:解决全局变量或全局函数过多的方法。
①使用局部变量或者内部函数,在实际项目中我们往往会选用使用一个自调函数(function(){})();来包含所有的程序,通过函数的自调来使所调用变量或者函数不是全局变量或函数。
②使用对象的属性或者方法,使用一个构造函数,然后再调用,也是在实际项目当中经常用到的方法。
第二点:关于程序的初始化问题。
一般来说程序的初始化的优化在我们javascript中是没有办法实现的。但是我们往往会将初始化的内容放在一起,因为初始化的数据内容基本上是来源于服务器端的内容,是经常变动的。而前端的代码是尽量是通用的代码,一般是不可以改变的。那么程序的初始化内容我们通常会放入定义的变量、定义的常量、定义图片、定义的对象。大体上来说都是一些数据。将这些整理好放在一起也算是代码的优化,是一个优秀的程序员需要做到的。
第三点:通过js中的继承,不仅可以减少代码量,而且可以避免重复定义方法对象,从而实现代码的优化。js中实现继承有多种方式,通常我们会选择通过使用原形prototype实现继承,和使用call()或使用apply()方法来实现继承。
①通过prototype实现继承有两种方式,如下图所示:
②使用call()或apply方法,来实现继承。方法如下:
function fun(config){
compant.call(this,config);
//compant.apply(this,[config]);
}
两种方式,fun继承了compant当中的方法或者属性,其中config是参数。