JS 之（四）面向对象、正则表达式

矫情吗；* 2022-09-25 15:28 143阅读 0赞

# 面向对象 #

三大特性：封装、继承、多态

## 封装特性 ##

在php里边，通过给成员声明关键字体现封装。public protected private

在javascript里边，封装只体现public、private

*  public公开的，在构造函数里边通过this关键字声明的成员都是公开的，函数内部、外部都可以调用
 *  private私有的，在构造函数里边声明局部变量，就是私有成员

## 继承特性 ##

### 原型继承介绍 ###

*  php里边：一个类去继承另一个类，继承类实例化对象也会拥有被继承类的成员
 *  javascript里边：(构造)函数可以继承另外一个对象，构造函数实例化出来的对象除了本身成员外还有拥有被继承对象的成员。

原型继承关键字：**prototype**。  
![这里写图片描述][20160913092855639]

### 实现原型继承 ###

*  函数.prototype.成员名称 = 值; //继承单一成员
 *  函数.prototype = 对象; //继承一个对象

### 原型继承注意 ###

1.  对象 和 单一成员同时继承，需要先继承对象、再继承成员
2.  多个对象 同时继承，最后对象起作用
3.  继承对象的成员 与 本身成员名称一致，体现本身成员结果

## 对象访问成员的类型及顺序 ##

![这里写图片描述][20160913095452834]

## 原型链 ##

什么是原型链：  
构造函数 继承 一个对象  
继承对象也有构造函数，其构造函数还去继承其他对象  
其他对象也有构造函数，构造函数还去继承其他对象  
其他对象也有构造函数，构造函数还去继承其他对象  
。。。。。  
以上继承形成了一个继承的链条，称为原型链，原型链的顶端是Object

**对象访问一个成员顺序：**  
① 对象本身获取  
② 对象构造函数里边获取  
③ 构造函数继承对象本身获取  
④ 构造函数继承对象的构造函数里边获取  
。。。。。。  
直到找到Object成员为止。  
例如constructor、hasOwnPrototype、isPrototypeOf等等都是原型链顶端Object的成员。  
![这里写图片描述][20160913095646195]

## 对象遍历及成员属组判断 ##

for-in  
for var 成员变量 in 对象  
对象\[成员变量\] //获得具体成员信息

## 原型衍生继承-复制继承 ##

## 静态成员 ##

如果一个类里边，有这样的属性，其值不随便发生变化，全部对象都共用一个值，该属性就声明为static静态的，其在内存中无论创建多少个对象(或者其说其与具体对象无关)都只占据一份空间。

为什么使用静态成员  
① 静态成员归属到类本身，可以明显的加快访问速度。  
② 节省内存效果  
![这里写图片描述][20160913102131130]

上图，每个对象都有country属性，而他们保存的信息是相同的，这样如果创建多个对象，会对内存造成浪费情况。  
解决：给country属性设置为static静态的。会对内存空间有节省。

一个类，每实例化一个对象，在堆空间都要给每个成员分配内存空间，如果有一个成员country无论创建多少个对象其的信息值也不发生变化，为了节省内存空间的使用，就把这样的成员设置为“静态成员”。其在内存中就只占据一份空间。

静态成员在php里边需要通过类名直接访问，  
那么在javascript里边如果一个成员是通过函数直接调用的，就称其为“静态成员”。

## 异常 ##

### 什么是异常 ###

异常是程序运行时的一种错误。  
在没有异常的时候，程序遇到“问题/错误”通常就停止运行，给用户了一种不好的体验  
使用异常后，即使程序有运行错误，我们也要把这个程序完整运行完毕，以便给用户好的使用效果。

### 具体使用异常 ###

try{
        有可能产生异常(错误)的语句
        如果其中一个语句有错误，就直接跳到catch执行，后续代码就不给执行了
    xxxx后续代码
    }catch(Exception ex){
        捕捉错误语句,通过ex对象获得具体错误信息
    }finally{
        在php里边没有finally
        javascript和java里边有此finally
    
        无论代码是否有错误，该处代码都给执行
    }

### 异常使用注意 ###

① 并不是全部代码都放到try里边，而是有可能产生异常的代码放到try里边  
② 有一定容忍度的错误可以设置异常，敏感错误不要设置  
③ 最后的finally根据情况需要可以不设置

## 多态体现 ##

多态就是多种状态。

java里边有多态，其中方法重载是多态效果之一(多个同名方法，他们的参数个数不一样)体现多态.同一个名字的方法被多次调用，由于传递的参数个数不一样，导致请求的结果也不同。

php里边  
继承抽象类可以体现多态，许多类都要把继承的抽象类的方法给实现出来。不同的类实现相同的方法有自己独特的实现，他们被调用的时候呈现不同的结果  
工厂设计模式可以体现多态，实例化对象调用同一个方法，由于传递的参数不同，实例化的对象也不同。

javascript体现多态  
① 在函数内部可以通过arguments关键字进行多态处理，传递个数不相同的参数，通过arguments判断，进而有不同的处理。  
② this关键字可以体现多态。其可以任意代表其他对象(call和apply使用)。

# 正则表达式 #

## 什么是正则表达式 ##

正则表达式就是记录文本规则的代码

正则表达式是由普通字符(例如字符 a 到 z)以及特殊字符（称为元字符）组成的文字模式。  
正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。  
在编写处理字符串的程序或网页时，经常会有查找或替换符合某些复杂规则的字符串的需要。

## 历史 ##

正则表达式的“祖先”可以一直上溯至对人类神经系统如何工作的早期研究。  
1956 年, 一位叫 Stephen Kleene 的数学家在 McCulloch 和 Pitts 早期工作的基础上,发表论文使用了正则表达式。  
正则表达式的第一个实用应用程序就是 Unix 中的 qed 编辑器

## 作用 ##

1.  对表单域项目(用户名、密码、邮箱、qq号码、手机等等)进行验证  
    13\\d\{9\}  
    \[1-9\]\\d\{4,11\}
2.  网络爬虫(一个网站到另一个网站的页面上去获取对方的相关信息)
3.  内容替换、获取

## 使用正则 ##

正则组成内容：  
普通字符、定义字符集、组合字符集、特殊字符集、限制字符集、模式修正符等  
![这里写图片描述][20160913104425865]

### 定义字符集组成 ###

定义字符集

*  \[a-e\] 表示a到e这些字符中的某一个字符
 *  \[aeiou\] 表示aeiou这5个字符中的其中一个字符
 *  \[a-zA-Z\] 表示大写、小写中的某一个字符
 *  \[a-zA-Z0-9\_-\] 表示大小写字母、0到9、下划线、横线中的任意一个字符
 *  \[0-9\] 表示0到9之间任意一个数字
 *  \[5-9\]
 *  \[9-3\]\[z-a\] 不能从大往小写，有语法错误

### 组合和限制字符 ###

*  组合字符  
    \\d : 表示0到9之间任意一个数字\[0-9\]  
    \\D : 表示非数字之一\[^0-9\]  
    \\w : 表示字母、数字、下划线其中之一\[a-zA-Z0-9\_\]  
    \\W : 非字母、数字、下划线  
    \\s : 表示空格  
    \\S : 表示非空格  
    \\b : 表示单词边界  
    \\B : 表示非单词边界
 *  限制字符  
    \{m\} : 其前一单元严格出现m次  
    \{m,\} : 其前一单元至少出现m次，至多不限  
    \{m,n\} : 其前一单元至少出现m次，至多出现次  
    \[upecx\]  
    \[^lsjd\] : 不是中括号中的任意一个字符  
    \[^a-f\] : 不是中括号中横线两端的字符范围

var reg = /^apple/; 匹配内容开始有apple  
var reg = /\[^a-h\]/; 匹配除a到h之外的其它字符

### 特殊字符组成 ###

特殊字符

*  $ : 匹配输入字符的结尾位置
 *  ^ : 匹配字符的开始位置
 *  () : 标记一个子表达示的开始和结束位置
 *  \* : 其前面那个单元出现0次或以上（任意次数）
 *  . : 匹配除换行符\\n之外的任意单字符
 *  \+ : 其前面那个单元出现1次或以上
 *  ? : 其前面那个单元出现0次或1次
 *  \\ : 这个符号是用来转义的
 *  | : 指明两项之间的一个选择

### 模式修正符组成 ###

var 模式名称 = /模式内容/模式修正符;  
模式修正符:

*  i ——>忽略大小写
 *  g —–>全局匹配

[20160913092855639]: /images/20220717/3bd44b4ecbb2477bab9fc84aa2f4f7fb.png
[20160913095452834]: /images/20220717/263879c0e18f4b3fa3dfa25967e24a99.png
[20160913095646195]: /images/20220717/4a0ffe8e44814f12a69364faf08ac436.png
[20160913102131130]: /images/20220717/619947b8c8c04f678e3e00b4821e704b.png
[20160913104425865]: /images/20220717/942dc5e84e3d4103834f043e9736c7f0.png