手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript 命名空间以提高代码重用性
javascript 命名空间以提高代码重用性
摘要:当在同一个网页里引入10多个js文件之后,各js中的同名函数就很容易冲突了。比如xxx库里写了个addCssStyle方法,yyy类库里也写...

当在同一个网页里引入10多个js文件之后,

各js中的同名函数就很容易冲突了。

比如xxx库里写了个addCssStyle方法,

yyy类库里也写了个addCssStyle方法,

而这两个方法的具体实现又有一定差别。

那么同时引用这两个组件的时候,函数冲突之后导致页面效果发生变化,

调试和修改都是非常痛苦的,如果为了避免冲突,

而放弃引用一些优秀的组件,那更是让人郁闷的事情。

为此,在封装javascript组件库的时候,请使用命名空间来避免冲突。

将所有的方法和变量都要按包名类名的方式来写。

(这个时候写代码的感觉和封装java的util方法一样方便,呵呵)

由此,我的js库按如下方式封装。

google了半天,都没现成的,于是自己摸索出来,示例代码如下:

(lizongbo原创!!!)

<script language="JavaScript" type="text/javascript" >

<>

</script>

把上面的代码复制网页里看看效果吧。

对比两种实现方式,现有代码按第二种方式改造最为方便。

再把js文件按命名空间命名,那样操作就更加方便了。

例如

<script type="text/javascript" src="http://www.jb51.netcommons/scripts/jscom.lizongbo.util1.js"></script>

<script type="text/javascript" src="http://www.jb51.netcommons/scripts/jscom.lizongbo.util2.js"></script>

只要都按此方式编写的库,再也不用担心引入多个js文件之后的函数冲突问题了。

【javascript 命名空间以提高代码重用性】相关文章:

javascript生成不重复的随机数

浅谈javascript事件取消和阻止冒泡

javascript实时显示当天日期的方法

javascript实现十秒钟后注册按钮可点击的方法

javascript实现Table间隔色以及选择高亮的方法

强制设为首页代码

javascript实现删除前弹出确认框

用javascript动态注释掉HTML代码

javascript实现youku的视频代码自适应宽度

javascript删除元素节点removeChild()用法实例

精品推荐
分类导航