一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

javascript 命名空間以提高代碼重用性

當在同一個網頁里引入10多個js文件之后,
各js中的同名函數就很容易沖突了。
比如xxx庫里寫了個addCssStyle方法,
yyy類庫里也寫了個addCssStyle方法,
而這兩個方法的具體實現又有一定差別。
那么同時引用這兩個組件的時候,函數沖突之后導致頁面效果發生變化,
調試和修改都是非常痛苦的,如果為了避免沖突,
而放棄引用一些優秀的組件,那更是讓人郁悶的事情。

為此,在封裝Javascript組件庫的時候,請使用命名空間來避免沖突。
將所有的方法和變量都要按包名類名的方式來寫。
(這個時候寫代碼的感覺和封裝Java的util方法一樣方便,呵呵)
由此,我的js庫按如下方式封裝。
google了半天,都沒現成的,于是自己摸索出來,示例代碼如下:
(lizongbo原創!!!)

<script language="JavaScript" type="text/Javascript" >
<!-- //初始化命名空間
var jscom = jscom ? jscom : {};
jscom.lizongbo = jscom.lizongbo ? jscom.lizongbo : {};
//第一種封裝方法
jscom.lizongbo.util = jscom.lizongbo.util ? jscom.lizongbo.util : {
crtVersion : 'jscom.lizongbo.util version 0.0.1', //注意用逗號隔開
sayHello: function (str){
window.alert('hello : '+str +' by ' + this.getVersion()); //變量引用要加上this
},//注意用逗號隔開
getVersion :function (){
//alert(' jscom.lizongbo.util version ' + this.crtVersion);//變量引用要加上this
return this.crtVersion+' lizongbo';
}//注意不能夠有逗號
}
//第二種封裝方法
jscom.lizongbo.util2 =function (){};//重點是這行,它保證了下面的with調用
jscom.lizongbo.util2.crtVersion=' jscom.lizongbo.util2 version 0.0.2';
jscom.lizongbo.util2.sayHello = function(str){
with (jscom.lizongbo.util2) {//這里也是重點,不然會找不到getVersion方法。
window.alert('你好 : '+str +' by ' + getVersion());//這種方法不用加this
}
};
jscom.lizongbo.util2.getVersion = function(){
with (jscom.lizongbo.util2) {//這里也是重點,不然會找不到crtVersion變量。
return crtVersion+' lizongbo2';
}
};
var vutil1= jscom.lizongbo.util; //和Java的import差不多好用
vutil1.sayHello('lizongbo'); //第一種調用
var vutil2= jscom.lizongbo.util2;
vutil2.sayHello('lizongbo');//第二種調用
//-->
</script>

把上面的代碼復制網頁里看看效果吧。
對比兩種實現方式,現有代碼按第二種方式改造最為方便。
再把js文件按命名空間命名,那樣操作就更加方便了。
例如
<script type="text/Javascript" src="/commons/scripts/jscom.lizongbo.util1.js"></script>
<script type="text/Javascript" src="/commons/scripts/jscom.lizongbo.util2.js"></script>
只要都按此方式編寫的庫,再也不用擔心引入多個js文件之后的函數沖突問題了。

JavaScript技術javascript 命名空間以提高代碼重用性,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 在线高清免费爱做网 | 国产精品外围在线观看 | 色综合色狠狠天天综合色 | 黄网站观看| 国产精品系列在线 | 伊人五月综合 | 久久精品中文 | 久久九九精品一区二区 | 日本三级一区二区三区 | 精品在线视频免费 | 色婷婷亚洲 | 日韩中文字幕视频 | 全部免费69堂在线视频 | 成 人 黄 色 视频免费播放 | 五月综合激情久久婷婷 | 国产成人深夜福利短视频99 | 国产精彩对白综合视频 | 高清视频一区 | 亚洲成人精品在线 | 91aaa免费免费国产在线观看 | 加勒比一区| 91视频免费观看高清观看完整 | 精品国产成人a区在线观看 精品国产成人a在线观看 | 亚洲免费二区三区 | 久久综合88 | 91精品日本久久久久久牛牛 | 日韩在线播放中文字幕 | 免费国产一区 | 99久草| 亚洲短视频在线观看 | 久久性妇女精品免费 | 韩国一级爽快片淫片高清 | 六月婷婷综合 | 韩国一大片a毛片 | 国产成人免费午夜在线观看 | 福利视频免费 | 国产精品无内丝袜高跟鞋 | 77788色淫网站女女免费视频 | 亚洲欧美黄色片 | 成人最新午夜免费视频 | 国产高清视频免费人人爱 |