PHP前端开发

js如何实现继承

百变鹏仔 3天前 #JavaScript
文章标签 如何实现
javascript 继承实现方法:构造函数继承:创建父构造函数,定义父类属性方法。创建子构造函数,调用父构造函数继承属性方法。子构造函数增加子类特有属性方法。原型链继承:创建父对象,定义父类属性方法。创建子对象,将其原型设置为父对象。子对象可访问父对象属性方法,如同己有。es6 class:使用 class 语法创建父类,定义父类属性方法。使用 extends 关键字创建子类,继承父类属性方法。

JavaScript 中实现继承

在 JavaScript 中,实现继承主要使用以下方法:

1. 基于构造函数的继承

示例:

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

2. 基于原型链的继承

示例:

// 父对象const parent = {  name: 'John'};// 子对象const child = Object.create(parent);child.age = 30;

3. 使用 ES6 的 class

ES6 引入了 class 语法,使 JavaScript 更加类似于面向对象编程语言。

示例:

// 父类class Parent {  constructor(name) {    this.name = name;  }}// 子类class Child extends Parent {  constructor(name, age) {    super(name);    this.age = age;  }}