JavaScript中的继承和多态

今天药忘吃喽~ 2022-06-15 04:51 187阅读 0赞

# 面向对象的三大特点： #

封装：将描述同一个东西的属性和方法，定义在一个对象中

继承：父对象中的属性和方法，子对象可直接使用

多态：同一个对象，在不同情况下，呈现不同的状态

重载：同一个方法名相同，传入参数不同，执行不同的操作

重写：子对象觉得父对象的成员不好用，可自己定义一个，覆盖父对象的成员

## 继承：js中一切继承都是用原型对象实现的！    ##

### 创建对象：4种 ###

1.对象直接量**（只一个对象）**

var obj=\{"属性名"：值，

···········：···，

“方法名”：function（）\{···this.属性名\}

2.var obj=new Object();//创建一个空对象

obj.属性名=值；

obj.方法名=function（）\{····this.属性名\}

3.利用构造函数\*\*反复创建相同结构的对象：**（好多相同类型对象）**

构造函数：描述一类对象结构的特殊函数

2步：

3.1.定义构造函数

function 构造函数名|类型名（属性参数1,········）\{

this.属性名=属性参数1；//在当前正在创建的对象中创建一个属性名，赋值为属性参数1的值

if(!构造函数.ptototype.方法名)\{

构造函数 .prototype.方法名=function（）\{

·················this.属性名·····\}

3.2.利用构造函数创建对象

var obj=new 构造函数名|类型名（属性参数1,········）;

new:1.创建一个空对象：var obj=\{      \}；

2.调用空对象调用构造函数

构造函数在空对象中添加属性和方法

3.设置新对象的\_proto\_属性指向构造函数的prototype对象

4.返回新对象的地址

例子：

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>自定义数组</title>
    		<script type="text/javascript">
    //			var lilei={
    //				sname:"li lei",
    //			    age:12,
    //				instrSelf:function(){
    //				alert("i'm "+this.sname+",i'm 12");
    //				}
    //			}
    //			var hmm={
    //				sname:"han meimei",
    //			    age:11,
    //				instrSelf:function(){
    //				alert("i'm han meimei,i'm 11");
    //				}
    //			}
                function Student(sname,age){
                	this.sname=sname;
                	this.age=age;
                }
                Student.prototype.instrSelf=function(){
    				alert("i'm "+this.sname+",i'm "+this.age+" years old");}
    			var lilei=new Student("lilei",12);
    			var hanmeimei=new Student("hanmeimei",11);
    			Student.prototype.money=100;
    			console.log(hanmeimei.money);
    			lilei.instrSelf();
    			
    		</script>
    	</head>
    	<body>
    	</body>
    </html>

4.Object.crete(父对象，\{扩展属性的列表对象\})

### 原型对象：每个函数对象都有一个原型对象    ###

构造函数的原型对象负责保存所有子对象共享的成员！

建议：所有子对象共享的方法，都应定义在构造函数的原型对象中--避免重复定义方法对象，浪费内存

所有函数都有prototype,指向自己的原型对象

所有函数都有\_proto\_，指向自己父级原型对象

所有原型对象都有constructor，指向原型对应的构造函数

### 扩展对象属性：2种扩展    ###

1.扩展共有属性：通过构造函数.prototype添加的属性

2.扩展自有属性：通过某一个具体子对象添加的属性

#### **\*\*判断自有属性还是共有属性：** ####

1.判断自有属性：obj.hasOwnProperty("属性名")；