谈谈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.使用对象将代码进行功能模块的划分,有利于日后的维护
好啦,今天的更新就到这里了...
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步