JS中的多种继承方式（包含ES6）

短命女 2022-12-30 01:28 209阅读 0赞

*  为了让有JAVA基础的小伙伴更直观的看到区别简单描述一下JS中的继承、方法重载跟JAVA中的继承、方法重载区别
 *  JS继承：

> js中的继承有多种方式，大体上就是两种，一种是基于原型链覆盖的形式、一种是对象冒充也就是通过改变this指向。支持多继承，通过原型链可以一直往上找。

*  JAVA继承：

> java中的继承是一个类继承了父类以后，它就不能再继承别的类，只支持单继承。但是java中存在接口，接口从本质上来说可以更好的代替继承，可以把需要的方法定义在接口中，让具体的类实现接口中的功能。

*  JS重载：

> js中不存在重载，相同名字的函数由于js底层原理（变量提升）会导致相同名字的函数覆盖。

*  JAVA重载：

> java中重载是可以定义相同名字的接口(方法)参数不同、参数个数不同、返回值不同实现不同的功能。

*  JS第一种继承方案：原型继承（子类原型=父类的实例）

![原型继承][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbGVfX18_size_16_color_FFFFFF_t_70]

> 原型继承特点：  
> 1.父类中私有和公有的属性方法，最后都变为子类实例公有的；  
> 2.和其它语言不同的是，原型继承并不会把父类的属性方法 copy给子类，而是让子类实例基于\_\_proto\_\_原型链上找到自己定义的属性和方法“指向/查找”方式的；  
> 3.修改子类原型中的内容，内容修改后，对子类的其他实例有影响，但是对父类的实例不会有影响。直接修改父类的原型，不仅影响父类的实例，也会影响子类的实例。

*  JS第二种继承方案，call继承：

> 特点：  
> call继承，只能继承父类中私有的，不能继承父类中共有的

*  JS第三种继承方案，寄生组合式继承(call继承 + 另类原型继承)：

*  ES6中的类和继承，extends Parent：

> ES6中创建的就是类，不能当做普通函数执行，只能new执行。继承后一定要在constructor第一行加上super();

class Parent{ 
    	constructor(){ 
    		this.x=100;
    	}
    	getX(){ 
    		retrun this.x;
    	}
    }
    class Child extends Parent{ 
    	constructor(){ 
    		super();//类似于call继承super(100,200) 相当于把Parent中的constructor执行，传递了100和200
    		this.y=200;
    	}
    	getY(){ 
    		retrun this.y;
    	}
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xlbGVfX18_size_16_color_FFFFFF_t_70]: /images/20221120/dfe11e1c1a2544b1a2b9cc5f754af788.png