js继承如何实现-js教程-PHP中文网

js继承如何实现

畫卷琴夢

发布： 2024-12-01 05:48:59

原创

649人浏览过

JavaScript 继承通过将属性和方法从父类传递到子类实现，分为两种主要方法：原型式继承：子类通过共享父类的原型链继承属性和方法。基于类的继承：使用 class 关键字和构造函数实现继承，提供更清晰的语法和更好的代码组织。

js继承如何实现

JavaScript 继承实现

JavaScript 继承是一种将属性和方法从父类传输到子类的机制，使子类可以扩展或修改父类的功能。实现 JavaScript 继承有多种方法，本文将介绍最常用的两种方法：原型式继承和基于类的继承。

原型式继承

原型式继承是一种通过共享原型链的方式实现继承的方法。JavaScript 中的每个对象都有一个原型对象，该对象包含对象的属性和方法。当子对象创建时，它将继承父对象的原型，因此它可以访问父对象的属性和方法。

以下是实现原型式继承的示例：

// 定义父类 Person
function Person(name) {
  this.name = name;
}

// 为 Person 添加一个方法
Person.prototype.greet = function() {
  console.log("Hello, my name is " + this.name);
};

// 定义子类 Student，继承自 Person
function Student(name, major) {
  Person.call(this, name);
  this.major = major;
}

// 为 Student 添加一个方法
Student.prototype.study = function() {
  console.log("I am studying " + this.major);
};

登录后复制

在上面的示例中，Person 是父类，Student 是子类。Student 通过调用 Person.call(this, name) 继承了 Person 的属性和方法，并且还添加了自己的属性和方法。

基于类的继承

基于类的继承是一种使用构造函数和 class 关键字实现继承的方法。在 ES6 中引入，它提供了一种更简洁的方式来定义类和实现继承。

以下是实现基于类的继承的示例：

class Person {
  constructor(name) {
    this.name = name;
  }

  greet() {
    console.log("Hello, my name is " + this.name);
  }
}

class Student extends Person {
  constructor(name, major) {
    super(name);
    this.major = major;
  }

  study() {
    console.log("I am studying " + this.major);
  }
}

登录后复制

与原型式继承相比，基于类的继承具有更好的代码组织和语法糖的好处。它使用 super 关键字显式调用父类的构造函数，从而确保子类正确地初始化。

以上就是js继承如何实现的详细内容，更多请关注php中文网其它相关文章！