插件窝 干货文章 js继承如何实现的

js继承如何实现的

子类 对象 原型 strong 421    来源:    2024-10-19
js 继承通过原型链机制实现。父类实例创建后,子类构造函数会创建一个子类对象并将其原型指向父类实例。子类对象通过原型链访问父类属性和方法。重名属性会覆盖父类属性,方法会自动继承或重写。实例是类的具体对象,拥有私有属性和方法,并通过原型链继承父类属性和方法。原型是共享属性和方法的对象,子类的原型指向父类的实例。

JS 继承的实现机制

JS 中的继承主要通过原型链的机制来实现,下面详细介绍这一过程:

1. 父类对象的创建

一个父类对象被创建时,它会定义自己的私有属性和方法。同时,它还继承自 JavaScript 的内置原型对象 Object.prototype。

2. 子类对象的创建

要创建一个子类对象,需要使用一个特殊的函数,称为构造函数。构造函数会执行以下操作:

  • 创建一个新的子类对象。
  • 将子类对象的原型指向父类对象的实例。

3. 原型链

当子类对象创建时,它的原型指向父类对象。这就创建了一个原型链。通过原型链,子类对象可以访问父类对象的属性和方法。

4. 属性和方法的查找

当子类对象尝试访问某个属性或方法时,首先会在自己内部查找。如果找不到,它会沿着原型链向上查找,直到找到它。

5. 属性的覆盖

如果子类对象定义了与父类对象同名的属性,则子类对象的属性会覆盖父类对象的属性。

6. 方法的继承

子类对象自动继承父类对象的所有方法,但子类对象可以重写父类对象的方法。

7. 实例与原型

实例是某个类创建的具体对象。每个实例都有自己的私有属性和方法,并且它通过原型链继承自父类对象的属性和方法。

原型是一个对象,它包含了类中所有实例共享的属性和方法。子类的原型指向父类的实例。

示例:

// 父类 Person
function Person(name) {
  this.name = name;
}
Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name}`);
};

// 子类 Student
function Student(name, major) {
  Person.call(this, name);
  this.major = major;
}
Student.prototype = Object.create(Person.prototype);
Student.prototype.study = function() {
  console.log(`I am studying ${this.major}`);
};

// 创建子类对象
const student = new Student("John", "Computer Science");

// 访问继承的属性和方法
student.greet(); // 输出: Hello, my name is John
student.study(); // 输出: I am studying Computer Science