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类的构造函数中调用父类的构造函数,以便继承父类的属性。

相关推荐
天平3 分钟前
开发了几个app后,我在React Native用到的几个库的推荐
android·前端·react native
消失的旧时光-194320 分钟前
Kotlinx.serialization 对多态对象(sealed class )支持更好用
java·服务器·前端
少卿39 分钟前
React Compiler 完全指南:自动化性能优化的未来
前端·javascript
广州华水科技40 分钟前
水库变形监测推荐:2025年单北斗GNSS变形监测系统TOP5,助力基础设施安全
前端
广州华水科技41 分钟前
北斗GNSS变形监测一体机在基础设施安全中的应用与优势
前端
七淮43 分钟前
umi4暗黑模式设置
前端
8***B43 分钟前
前端路由权限控制,动态路由生成
前端
爱隐身的官人1 小时前
beef-xss hook.js访问失败500错误
javascript·xss
军军3601 小时前
从图片到点阵:用JavaScript重现复古数码点阵艺术图
前端·javascript
znhy@1231 小时前
Vue基础知识(一)
前端·javascript·vue.js