构造函数和继承

dai_yanxia

于 2021-10-18 10:53:40 发布

阅读量216

点赞数

分类专栏：女猿1024 文章标签： javascript html

女猿1024 专栏收录该内容

36 篇文章

订阅专栏

本文详细介绍了JavaScript中三种常见的继承实现方式：原型继承、call继承以及ES6的类继承。通过实例代码展示了如何创建子类并继承父类的属性和方法。无论是使用子类原型等于父类实例，还是通过call方法，或者是利用ES6的class关键字和super关键字，都能实现不同形式的继承。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

属性继承的几种方式

1.原型继承：让子类的原型等于父类的实例，代码如下：

function Parent1() {
  this.x = 100;
}
Parent1.prototype.getx = function getx() {
  return this.x
}

function Child1() {
  this.y = 200
}
Child1.prototype = new Parent1
var c1 = new Child1()
console.log(c1.x)
console.log(c1.y)

2.call继承：只能继承父类中私有的，不能继承父类中共有的，代码如下：

function Parent2() {
  this.x = "100x"
}
Parent2.prototype.getx = function getx() {
  return this.x
}

function Child2() {
  Parent2.call(this)
  this.y = "200y"
}
Child2.prototype.gety = function gety() {
  return this.y
}
var c2 = new Child2()
console.log(c2.x)
console.log(c2.y)

3.es6中的类和继承，代码如下：

class Parent3 {
  constructor() {
    this.x = 100
  }
  getx() {
    return this.x
  }
}
class Child3 extends Parent3 {
  constructor() {
    super()
    this.y = 200
  }
  gety() {
    return this.y
  }
}
var c3 = new Child3;
console.log(c3.x)
console.log(c3.y)