谈谈js初级封装代码

Posted 2021-02-02 无所不能的风

学js的时候大家肯定或多或少会封装一些函数

举个例子：

function my$(id){

return document.getElementById(id)

}

当我们调用这个方法的时候，省去了很多很多的代码

don‘t repeat yourself

这样做的

     好处是：使用函数将代码封装，使得复用性更高

     弊端是：1.全局变量污染  2.代码结构不够清晰，维护不方便

解决问题就是进步的过程

我们可以这样

var xf = {

my$:function(id){ return document.getElementById(id) },

....

}

那我们下次调用对象的时候就可以xf.my$(id)

使用对象进行封装后的优势

   1.暴露在全局的只有一个对象名 不会造成全局变量污染
   2.使用对象将代码进行功能模块的划分，有利于日后的维护

好啦，今天的更新就到这里了...