Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js extends

作者:以往沧海   发布日期:2025-11-19   浏览:50

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

  speak() {
    console.log(`${this.name} makes a noise.`);
  }
}

class Dog extends Animal {
  constructor(name, breed) {
    super(name); // 调用父类的构造函数
    this.breed = breed;
  }

  speak() {
    console.log(`${this.name} barks.`);
  }
}

const dog = new Dog('Rex', 'German Shepherd');
dog.speak(); // 输出: Rex barks.

解释说明:

  1. Animal:定义了一个基类 Animal,它有一个构造函数来初始化 name 属性,并且有一个 speak 方法。
  2. Dog:使用 extends 关键字继承自 Animal 类。Dog 类有自己的构造函数,通过 super(name) 调用了父类的构造函数来初始化 name 属性,并添加了自己的 breed 属性。
  3. 方法重写Dog 类重写了从 Animal 继承来的 speak 方法,使其输出不同的内容。
  4. 实例化对象:创建了一个 Dog 实例 dog,并调用了它的 speak 方法,输出了 Rex barks.

这种方式展示了如何使用 extends 关键字在 JavaScript 中实现类的继承。

上一篇:js delay

下一篇:js await promise

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站