首页 > Web开发 > 详细

谈谈js初级封装代码

时间:2019-01-10 23:50:25      阅读:177      评论:0      收藏:0      [点我收藏+]

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

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

谈谈js初级封装代码

原文:https://www.cnblogs.com/xufeng1994/p/10253183.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!