javaScript基础面试题 --- JS继承有哪些

最新推荐文章于 2024-05-01 04:50:25 发布

临在❀

最新推荐文章于 2024-05-01 04:50:25 发布

阅读量293

点赞数

分类专栏：前端JS面试题文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_43850639/article/details/129395118

版权

前端JS面试题专栏收录该内容

37 篇文章 3 订阅

订阅专栏

文章详细介绍了JavaScript中实现继承的四种常见方法：1)构造函数继承，使用`super()`调用父类构造函数；2)原型链继承，通过子类原型指向父类实例；3)`call()`方法实现继承，通过`Parent.call(this)`调用父类方法；4)组合式继承，结合了构造函数和原型链继承。每种方法都通过示例代码进行了说明。

摘要由CSDN通过智能技术生成

方法一：extends方法
在构造函数constructor中写super()，必须的

class Parent{
    constructor(){
        this.age = 18
    }
}

class Child extends Parent{
    constructor(){
        super();
        this.name = '张三';
    }
}

let o1 = new Child();
console.log(o1, o1.name, o1.age)

方式二：原型链继承
在子构造函数的原型上new一个父对象

function Parent() { 
    this.age = 20
 }

function Child() { 
    this.name = '张三'
 }

 Child.prototype = new Parent()

 let o2 = new Child()
 console.log(o2, o2.name, o2.age)

方法三：call()方法
function 与 call连用实现继承

function Parent() { 
    this.age = 20
 }

function Child() { 
    this.name = '张三'
    Parent.call(this);
 }


 let o3 = new Child()
 console.log(o3, o3.name, o3.age)

方法四：组合式继承
原型链方法继承 + call()继承

function Parent() { 
    this.age = 20
 }

function Child() { 
    this.name = '张三'
    Parent.call(this);
 }
Child.prototype = new Parent()

 let o3 = new Child()
 console.log(o3, o3.name, o3.age)