JS继承实现⽅式也很多,主要分ES5和ES6继承的实现
ES5继承:
ES5实现继承主要是基于prototype来实现的,具体有三种⽅法
原型链继承:即 B.prototype=new A()
寄生组合继承
特点:
1.最完美的js继承解决方案
2.父类私有的属性和方法,成为子类实例私有的属性和方法
3.父类公有的属性和方法,成为子类实例公有的属性和方法
结合原型链继承和call继承的方法,同时自己创建一个对象,并且让这个对象的原型指向父类构造函数的prototype.实现寄生组合继承
组合继承是结合原型链继承和借用构造函数继承
特点:
(call继承)
1.子类实例可以使用父类私有的属性和方法
2.父类私有的属性和方法都会变成子类实例私有的属性和方法
(原型链继承)
3.子类实例可以通过原型链访问和使用父类公有的属性和方法
4.子类的原型链上会存在一份多余的父类的私有属性和方法
call继承(借用构造函数继承)
//在子类构造函数中把父类构造函数当作普通的函数执行, 并且通过call方法把父类构造函数中的this替换成子类的实例(this), 这样相当于给子类实例设置了私有的属性和方法
特点:
1.只能继承父类私有的属性和方法(因为只是把父类构造函数当作普通函数执行了一次,跟父类的原型上的方法和属性没有任何关系)
2.父类的私有的属性和方法 都会变成子类私有的属性和方法
3.⽤class关键字定义类,⽤extends关键字继承类,⽤super()表示⽗类ES6 class继承
通过extends来实现继承
class 子类 extends 父类
在constructor中要使用super()
特点
1.父类私有的属性和方法 会变成子类私有的属性和方法
2.父类公有属性和方法 会变成子类公有的属性和方法
通过extends 实现原型链继承
如果不写constructor,不会报错 继承会正常实现
如果不写constructor, 浏览器会自动的帮我们去创建一些代码