谈谈js初级封装代码

学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.使用对象将代码进行功能模块的划分,有利于日后的维护

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

相关文章