class

yuyu_2019

于 2019-12-16 17:29:39 发布

阅读量135

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6 JS

本文链接：https://blog.youkuaiyun.com/yuyu_2019/article/details/103566500

JS 同时被 2 个专栏收录

21 篇文章

订阅专栏

ES6

6 篇文章

订阅专栏

本文通过两个示例展示了JavaScript中类的继承机制及如何在子类中调用父类的方法。首先定义了一个基类Parent，包含构造函数和一个speakChinese方法，然后创建了继承自Parent的Child类，并新增了speakEnglish方法。接着，定义了另一个Person类，展示了如何在一个类中调用同一个类的多个方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

例1

class Parent{
    constructor(name,age) {
        this.name=name;
        this.age=age;
    }
    speakChinese(){
        console.log(' I can speak Chinese')
    }
}
class Child extends Parent {
    speakEnglish(){
        console.log(' I can speak English')
    }
}

let XuShiLin = new Child('许士林', 12)
XuShiLin.speakChinese()
XuShiLin.speakEnglish()

例2

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  eat () {
    console.log(this.age + '岁的' + this.name + '在吃饭')
  }
  skill (_skill) {
    this.eat()
    console.log(this.name + '擅长' + _skill)
  }
  hobby (_hobby) {
    console.log(this.name + '喜欢' + _hobby)
  }
}

var XuShiLin = new Person('许仙', 20)
XuShiLin.skill('看病')
XuShiLin.hobby('蛇')

var XuShiLin = new Person('许士林', 12)
XuShiLin.skill('读书')
XuShiLin.hobby('兔子')