ES6定义一个类(函数内部定义属性,,原型定义方法 ), 实现继承?

ES6中使用class关键字定义一个类,使用extends关键字实现继承。下面是一个示例:

javascript 复制代码
class Animal {
  constructor(name) {
    this.name = name;
  }

  sayHello() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

class Dog extends Animal {
  constructor(name, breed) {
    super(name);
    this.breed = breed;
  }

  bark() {
    console.log("Woof!");
  }
}

const myDog = new Dog("Max", "Golden Retriever");
myDog.sayHello(); // Output: Hello, my name is Max
myDog.bark(); // Output: Woof!

在上面的示例中,Animal类定义了一个sayHello方法,Dog类继承了Animal类,并且添加了一个bark方法。使用super关键字在Dog类的构造函数中调用父类的构造函数,以便继承父类的属性。

相关推荐
一只小风华~几秒前
HTML前端开发:JavaScript 获取元素方法详解
前端·javascript·html
jstart千语6 分钟前
【vue3学习】vue3入门
前端·javascript·vue.js·typescript·vue
一个儒雅随和的男子7 分钟前
Vue中虚拟DOM的原理与作用
前端·javascript·vue.js
HarryHY9 分钟前
Vue 自动导入函数和变量插件 unplugin-auto-import
前端·javascript·vue.js
Monly2111 分钟前
Vue:Form正则校验
前端·javascript·vue.js
向明天乄14 分钟前
Maotu流程图编辑器:Vue3项目中的集成实战与自定义流程开发指南
javascript·编辑器·vue·流程图
码上奶茶17 分钟前
HTML 标签
前端·html·标签·路径·超链接·双标签·单标签
全宝25 分钟前
🔢前端解决浮点数运算精度丢失的问题
前端·javascript
前端双越老师31 分钟前
学不动了?没事,前端娱乐圈也更新不动了
javascript·react.js·ai编程
江城开朗的豌豆32 分钟前
JavaScript篇:偷懒也有理!事件代理让我少写一半代码
前端·javascript·面试