JS中继承的几种方法(包括ES6的)

ES6 之前
利用call改变this指向实现继承父类的属性
一般都是在子函数中 写入 父类名. call(this) 来实现
call的第一个参数就是你要改变的对象的对象名,后面的就是传参

在这里插入图片描述

在Son函数中,我们要继承父类的uname,age,sex这三个属性,但是Father中的this指向Father的对象,Son中的this指向Son的对象,那么如何实现在Father的构造函数中使用Son对象呢?这时就想到要利用call来改变this指针实现

call的第一个参数是你要改变的this指向的对象名,比如当你创建李四这个对象时,我们想让Father中的this指向李四这个对象,所以就在call的第一个参数写this, 为什么写this?这个是要弄清楚new创建的过程,当你创建李四这个对象时,就会在内存中创建一个空对象,然后this指向这个对象 ,所以call 中this就指向创建的这个空对象,然后在执行Father中属性赋值

注意call后面的参数(uname,age,sex)一定要记得写,如果你不写,就无法进行赋值操作,最后打印出来是undefined

利用原型改实现继承
一般都是通过 子类名.prototype = new 父类名() 来实现

在这里插入图片描述

new Father()之后会创建一个对象,然后这个对象赋值给Son的prototype属性。所以Son会根据prototype的指向找到这个Father创建的对象 ,Father创建的这个对象上面有一个__proto__属性,它指向Father()构造函数的原型, 所以就会实现继承,如下图所示
在这里插入图片描述

有一点需要注意的是,利用原型继承之后,会改变Son的constructor指向,所以我们还需要改变将constructor重新指向Son

利用call与原型组合继承
这种方法就是将上面两种方法结合起来

ES6之后
利用extends 来实现继承
在子类构造方法名后面写 extends 父类名
将在constructor()函数内写入super(形参名),注意super要写在所有的this属性前面

在这里插入图片描述

发布了12 篇原创文章 · 获赞 27 · 访问量 781

猜你喜欢

转载自blog.csdn.net/qq_36091461/article/details/105443014
今日推荐