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

js如何继承

星降

发布： 2024-12-01 05:39:20

原创

790人浏览过

JavaScript 继承有两种主要方法：原型式继承和构造函数继承。原型式继承通过将子对象的原型指向父对象来实现继承，而构造函数继承通过在子级构造函数中调用父级构造函数来实现。原型式继承更简单、更灵活，而构造函数继承提供了更明确的继承关系。

js如何继承

JS 继承

如何在 JavaScript 中实现继承？

JavaScript 是一种面向对象的语言，但它不支持传统的基于类的继承。为了实现继承，JavaScript 使用了以下两种主要方法：

1. 原型式继承

阳光订餐系统

欢迎使用阳光订餐系统，本系统使用PHP5+MYSQL开发而成，距离上一个版本1.2.8发布已经有一年了。本系统集成了留言本，财务管理，菜单管理，员工管理，安全管理，WAP手机端等功能，并继续继承1.X老版本简单、实用、美观的特点，在老版本上的基础上做了如下更新：1.更简洁的前台与后台，菜单及功能布局更合理。2.更合理的文件结构，合理适度的模板机制以及OO运用，更易于理解的代码，更适于二次开发；3.

查看详情

创建一个对象作为父级对象。
创建子对象，并将其原型指向父级对象。
子对象将继承父级对象的所有属性和方法。

// 父级对象
const Parent = {
  name: "John",
  age: 30,
  greet() {
    console.log(`Hello, my name is ${this.name}.`);
  }
};

// 子对象
const Child = Object.create(Parent);
Child.name = "Jane";
Child.greet(); // 输出 "Hello, my name is Jane."

登录后复制

2. 构造函数继承

创建一个父级构造函数。
创建子级构造函数，并调用父级构造函数来初始化子级实例。
在子级构造函数中，添加子级特有的属性和方法。

// 父级构造函数
function Parent(name, age) {
  this.name = name;
  this.age = age;
  this.greet = function() {
    console.log(`Hello, my name is ${this.name}.`);
  };
}

// 子级构造函数
function Child(name, age, school) {
  Parent.call(this, name, age); // 调用父级构造函数
  this.school = school; // 子级特有属性
}

// 创建子级实例
const child = new Child("Jane", 25, "ABC School");
child.greet(); // 输出 "Hello, my name is Jane."
child.school; // 输出 "ABC School"

登录后复制

选择哪种继承方式取决于特定需求：