js 封装学习

关注

原创最新推荐文章于 2026-06-06 15:43:22 发布 685 阅读 AI 写同款· GEO 优化 ›

从0开始学习JavaScript--JavaScript对象封装 JavaScript中的对象封装是一种重要的编程概念，它允许将数据和方法组织成一个独立的单元，实现了数据的保护和抽象。本文将深入探讨JavaScript对象封装的原理、实践和最佳实践。封装是面向对象编程的基础概念之一，它强调将数据和行为组合成一个单一的单元，并通过访问器方法来控制对数据的访问和修改。下面介绍如何使用构造函数和闭包创建封装对象，以及封装的优势。构造函数是一种用于创建对象的特殊函数，通过构造函数可以初始化对象的属性。通过将属性和方法添加到构造函数中，我们可以创建具有封装特性的对象。使用闭包创建阅读详情

/*******************************************************************************************************************
                   可见性           定义位置       语法                                                                       引用方式
私有成员     对象内部       构造器内       在构造器内定义的var变量和function函数                      对象内部直接引用
实例成员       全局              构造器内外   prototype和this方式                                                对象实例化后引用
类成员          全局              构造器外       funcN.property=value;funcN.methN=method/func   直接构造函数名引用
*******************************************************************************************************************/
/********************************************** 公共类 *******************************/
function publicJS(){}
publicJS.prototype.$=function(obj){return document.getElementById(obj);}
publicJS.prototype.$$=function(obj){return document.getElementsByName(obj);}//返回的是数组
publicJS.prototype.$$$=function(obj){return document.getElementsByTagName(obj);}//返回指定名字的元素集合
/********** 去除所有空格 */
publicJS.prototype.trimAll=function(strvalue){
   var result = strvalue.replace(/\s+/g,"");
   return result;
}
/********** 去除两头空格 */
publicJS.prototype.trim=function(strvalue){
   var result = strvalue.replace(/(^\s*)|(\s*$)/g,"");
   return result;
}
/********** 去除左边空格 */
publicJS.prototype.trimLeft=function(strvalue){
   var result = strvalue.replace(/(^\s*)/g, "");
   return result;
}
/********** 去除右边空格 */
publicJS.prototype.trimRight=function(strvalue){
   var result = strvalue.replace(/(\s*$)/g,"");
};
/********************************************验证数据类 **********************************/
function checkinfo(){//构造函数
   if(isNaN(this.mydefault)){
       this.mypublic=new publicJS();
   }
}
/*****************判断字符串是否为空空 true 否则 false 方法中自动去除空格*/
checkinfo.prototype.checkEmpty=function(strvalue){
   var str = this.mypublic.trim(strvalue);
   if(str==""){return true;}
   else{return false;}
}
/*****************判断字符串是否相等相等 true 否则 FALSE 方法中自动去除空格*/
checkinfo.prototype.checkEqual=function(strvalue,equalstr){
   var strv = this.mypublic.trim(strvalue);
   var stre = this.mypublic.trim(equalstr);
   if(strv==stre){return true;}
   else{return false;}
}
/*****************验证邮箱格式正确返回true 否则 FALSE 方法中自动去除空格*/
checkinfo.prototype.checkMail=function(strvalue){
   var str = this.mypublic.trim(strvalue);
   var reg=/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
   var result = reg.test(str);
   return result;
}
/*****************验证手机号码格式正确返回 true 否则 FALSE 方法中自动去除空格*/
checkinfo.prototype.checkMobilPhone=function(strvalue){
   var str = this.mypublic.trim(strvalue);
   var reg= /^(13[0-9]{9})|(15[89][0-9]{8})$/
   var result = reg.test(str);
   return result;
}
/*****************验证家庭电话格式正确返回 true 否则 FALSE 方法中自动去除空格*/
checkinfo.prototype.checkPhone=function(strvalue){
   var str = this.mypublic.trim(strvalue);
   var reg = /^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/;
   var result = reg.test(str);
   return result;
}
/*****************验证邮编格式正确返回 true 否则 FALSE 方法中自动去除空格*/
checkinfo.prototype.checkPostCode=function(strvalue){
   var str = this.mypublic.trim(strvalue);
   var reg = /^[1-9][0-9]{5}$/;
   var result = reg.test(str);
   return result;
}
/****************验证身份证号格式正确返回 true 否则FALSE 方法中自动去除空格*/
checkinfo.prototype.checkIdentityCard=function(strvalue){
   var str = this.mypublic.trim(strvalue);
   var idcard=str;
   var Errors=new Array("验证通过!","身份证号码位数不对!","身份证号码出生日期超出范围或含有非法字符!",
                       "身份证号码校验错误!","身份证地区非法!");
   var area={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",
               32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",
               45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",
               64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"}
   var idcard,Y,JYM;
   var S,M;
   var idcard_array = new Array();
   idcard_array = idcard.split("");
   if(area[parseInt(idcard.substr(0,2))]==null) alert( Errors[4]);
   switch(idcard.length){
       case 15:
             if((parseInt(idcard.substr(6,2))+1900) % 4 == 0 || ((parseInt(idcard.substr(6,2))+1900) % 100 == 0 && (parseInt(idcard.substr(6,2))+1900) % 4 == 0 )){
                   ereg = /^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2] [0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9])) [0-9]{3}$/;//测试出生日期的合法性
            }else{
                   ereg = /^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2] [0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2] [0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/;//测试出生日期的合法性
             }
             if(ereg.test(idcard))
               alert( Errors[0]);
             else
               alert( Errors[2]);
           break;
       case 18:
           if(parseInt(idcard.substr(6,4)) % 4 == 0 || (parseInt(idcard.substr(6,4)) % 100 == 0 && parseInt(idcard.substr(6,4))%4 == 0 )){
                     ereg = /^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2] [0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9])) [0-9]{3}[0-9Xx]$/;//闰年出生日期的合法性正则表达式
           }else{
                   ereg = /^[1-9][0-9]{5}19[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2] [0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2] [0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/;//平年出生日期的合法性正则表达式
           }
           if(ereg.test(idcard)){
                 S = (parseInt(idcard_array[0]) + parseInt(idcard_array[10])) * 7 + (parseInt(idcard_array[1]) + parseInt(idcard_array[11])) * 9 +
                   (parseInt(idcard_array[2]) + parseInt(idcard_array[12])) * 10 + (parseInt(idcard_array[3]) + parseInt(idcard_array[13])) * 5 +
                   (parseInt(idcard_array[4]) + parseInt(idcard_array[14])) * 8 + (parseInt(idcard_array[5]) + parseInt(idcard_array[15])) * 4 +
                   (parseInt(idcard_array[6]) + parseInt(idcard_array[16])) * 2 + parseInt(idcard_array[7]) * 1 + parseInt(idcard_array[8]) * 6 +
                   parseInt(idcard_array[9]) * 3 ;
                 Y = S % 11;
                 M = "F";
                 JYM = "10X98765432";
                 M = JYM.substr(Y,1);
               if(M == idcard_array[17])
                   alert( Errors[0]);
               else
                   alert( Errors[3]);
           }else
                 alert( Errors[2]);
           break;
       default:
           alert( Errors[1]);
           break;
   }
};

收录于