JavaScript 继承

最新推荐文章于 2025-06-15 14:00:34 发布

前端小生一枚

最新推荐文章于 2025-06-15 14:00:34 发布

阅读量126

点赞数

CC 4.0 BY-SA版权

分类专栏：基础知识复习巩固文章标签：继承

本文链接：https://blog.youkuaiyun.com/qq_33699819/article/details/88899983

基础知识复习巩固专栏收录该内容

40 篇文章

订阅专栏

本文通过实例介绍了JavaScript中的继承方式，包括原型链继承和Class语法下的继承。展示了如何定义基本的Animal类和派生的Dog类，并实现了eat和bark等方法。

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

继承 - JS

// 动物
function Animal() {
    this.eat = function () {
        console.log('animal eat')
    }
}
// 狗
function Dog() {
    this.bark = function() {
        console.log('dog bark')
    }
}
Dog.prototype = new Animal()

// 哈士奇
var hashiqi = new Dog()
hashiqi.bark()   // dog bark
hashiqi.eat();   // animal eat

继承 - Class

class Animal {
    constructor(name) {
        this.name = name
    }
    eat() {
        console.log(`${this.name} eat`)
    }
}
class Dog extends Animal {
    constructor(name) {
        super(name)
        this.name = name
    }
    say() {
        console.log(`${this.name} say`)
    }
}
const dog = new Dog('哈士奇')
dog.say()  // 哈士奇 say
dog.eat()  // 哈士奇 eat