為了防止發生命名沖突，可以建立自己的代碼庫。

就想

Js代碼

ziggy_js=function(){}??
ziggy_js.ui=function(){}??
ziggy_js.ui.alerts=function(){}??
ziggy_js.ui.alerts.showErrorAlert=function(){??
??? alert("An error occurred");??
}??
ziggy_js.ui.alerts.showErrorAlert();??
//以在其中定義類??
ziggy_js.ui.alerts.messageDisplayer=function(inMsg){??
??? this.msg=inMsg;??
??? this.toString=function(){??
??????? return "msg="+this.msg;??
??? }??
}??
var v=new ziggy_js.ui.alerts.messageDisplayer("hello");??
alert(v);?
??? ziggy_js=function(){}
??? ziggy_js.ui=function(){}
??? ziggy_js.ui.alerts=function(){}
??? ziggy_js.ui.alerts.showErrorAlert=function(){
??????? alert("An error occurred");
??? }
??? ziggy_js.ui.alerts.showErrorAlert();
//也可以在其中定義類
??? ziggy_js.ui.alerts.messageDisplayer=function(inMsg){
??????? this.msg=inMsg;
??????? this.toString=function(){
??????????? return "msg="+this.msg;
??????? }
??? }
??? var v=new ziggy_js.ui.alerts.messageDisplayer("hello");
??? alert(v);

這樣就建立了屬于自己的代碼庫。當然在創建還要做些工作，在頁面中也可直接導入

就想java里的包一樣

首先要判斷一下ziggy有沒有已經被人用了

Js代碼

//在ziggy_js.string.js中寫??
??? if(typeof ziggy_js=='undefined'){??
?????? ziggy_js=function(){};???
??? }??
??? ziggy_js.string=function(){}??
??? ziggy_js.string.test=function(inMsg){??
??????? alert(inMsg);??
??? }??
//在頁面中可以導入??
??? <script src="ziggy_js.string.js"></script>?

//在ziggy_js.string.js中寫
??? if(typeof ziggy_js=='undefined'){
?????? ziggy_js=function(){};
??? }
??? ziggy_js.string=function(){}
??? ziggy_js.string.test=function(inMsg){
??????? alert(inMsg);
??? }
//在頁面中可以導入
??? <script src="ziggy_js.string.js"></script>

創建處理數組的包ziggy_js.array

Js代碼

?? ziggy_js.array=function(){}??
?? //copy一個數組??
??? ziggy_js.array.copyArray=function(inSrcArray,inDestArray){??
??????? var i;??
??????? for(i=0;i<inSrcArray.length;i++){??
??????????? inDestArray.push(inSrcArrsy[i]);??
??????? }??
??????? return inDestArray;??
??? }//end copyArray??
??? ziggy_js.array.findInArray=function(inArray,inValue){??
??????? var i;??
??????? for(i=0;i<inArray.length;i++){??
??????????? if(inArray[i]==inValue){??
??????????????? return i;??
??????????? }??
??????? }??
??????? return -1;??
??? }//end findInArray??
.....?
?? ziggy_js.array=function(){}
?? //copy一個數組
??? ziggy_js.array.copyArray=function(inSrcArray,inDestArray){
??????? var i;
??????? for(i=0;i<inSrcArray.length;i++){
??????????? inDestArray.push(inSrcArrsy[i]);
??????? }
??????? return inDestArray;
??? }//end copyArray
??? ziggy_js.array.findInArray=function(inArray,inValue){
??????? var i;
??????? for(i=0;i<inArray.length;i++){
??????????? if(inArray[i]==inValue){
??????????????? return i;
??????????? }
??????? }
??????? return -1;
??? }//end findInArray
.....

創建ziggy_js.browser的獲得瀏覽器信息

Js代碼

ziggy_js.browser=function(){}??
ziggy_js.browser.getBrowserIdentity=function(){??
??? return navigator.appName+" "+navigator.appVersion;??
}//end getBrowserIdentity??
var brow=ziggy_js.browser.getBrowserIdentity();??
alert(brow);?
??? ziggy_js.browser=function(){}
??? ziggy_js.browser.getBrowserIdentity=function(){
??????? return navigator.appName+" "+navigator.appVersion;
??? }//end getBrowserIdentity
??? var brow=ziggy_js.browser.getBrowserIdentity();
??? alert(brow);

處理時間的包。

Js代碼

ziggy_js.dateTime=function(){}??
ziggy_js.dateTime.isLeapYear=function(inYear){??
??? if((inYear%4==0&&inYear%100!=0)||inYear%400==0){??
??????? return true;??
??? }else{??
??????? return false;??
??? }??
}//end isLeapYear??
ziggy_js.dateTime.getNumberDaysInMonth=function(inMonth,inYear){??
??? inMonth=inMonth-1;??
??? var leap_year=this.isLeapYear(inYear);??
??? if(leap_year){??
??????? leap_year=1;??
??? }else{??
??????? leap_year=0;??
??? }??
??? if(inMonth==3||inMonth==5||inMonth==8||inMonth==10){??
??????? return 30;??
??? }else if(inMonth==1){??
??????? return 28+leap_year;??
??? }else{??
??????? return 31;??
??? }??
}//end getNumberDaysInMonth??
var days=ziggy_js.dateTime.getNumberDaysInMonth(2,2007);??
alert(days);?
??? ziggy_js.dateTime=function(){}
??? ziggy_js.dateTime.isLeapYear=function(inYear){
??????? if((inYear%4==0&&inYear%100!=0)||inYear%400==0){
??????????? return true;
??????? }else{
??????????? return false;
??????? }
??? }//end isLeapYear
??? ziggy_js.dateTime.getNumberDaysInMonth=function(inMonth,inYear){
??????? inMonth=inMonth-1;
??????? var leap_year=this.isLeapYear(inYear);
??????? if(leap_year){
??????????? leap_year=1;
??????? }else{
??????????? leap_year=0;
??????? }
??????? if(inMonth==3||inMonth==5||inMonth==8||inMonth==10){
??????????? return 30;
??????? }else if(inMonth==1){
??????????? return 28+leap_year;
??????? }else{
??????????? return 31;
??????? }
??? }//end getNumberDaysInMonth
??? var days=ziggy_js.dateTime.getNumberDaysInMonth(2,2007);
??? alert(days);

轉載于:https://www.cnblogs.com/qqflying/archive/2010/10/27/1862256.html

總結

以上是生活随笔為你收集整理的JS学习笔记:防止发生命名冲突的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。