js继承

最新推荐文章于 2023-11-16 16:19:12 发布

被操作的年轻人

最新推荐文章于 2023-11-16 16:19:12 发布

阅读量1.6k

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/zzo12345/article/details/113050996

版权

本文介绍了JavaScript中五种继承方式：原型链继承、构造继承、实例继承、组合继承和寄生继承。分别阐述了每种方式的核心思想、特点、优缺点，并分析了它们在实际应用中的适用场景。

摘要由CSDN通过智能技术生成

一、原型链继承

核心：将父类实例作为子类的原型对象

//动物类
    function Animal(name, sex) {
        this.name = name || 'Animal';
        this.sex = sex || '未知';
        this.sleep = function () {
            console.log(this.name + "在睡觉");
        }
    }

    Animal.prototype = {
        eat: function () {
            console.log(this.name + "在吃饭");
        },
        play: function () {
            console.log(this.name + "在玩");
        }
    }

    function Type(type) {
        this.type = type || '类型';
    }

    function Cat() {

    }

    //原型链继承核心：
//    将父类实例作为子类的原型对象
    Cat.prototype = new Animal();
//    Cat.prototype = new Type(); 被覆盖
    Cat.prototype.name = '小花';
    Cat.prototype.sex = '公';


    var smallcat = new Cat();
    console.log(smallcat);
    smallcat.eat();
    smallcat.sleep();
    smallcat.play();


    consol