原型继承

作者: 杰克_王_ | 来源:发表于2019-10-20 14:11 被阅读0次
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>原型继承</title>
</head>

<body>
    <script>
        function Animal(category) {
            this.category = category || "Animal";
            this.arry = ['a', 'b', 'c'];
        }

        function Dog(name) {
            this.name = name;
            this.type = 'dog';
        }

        // 缺点
        // 1. 想为子类添加新的属性或方法,必须放在 new Animal之后
        // 2. 无法实现多继承
        // 3. 原型链被破坏
        // 4. 无法向父级传参
        // 5. 引用类型的属性会被影响,比如数组对象会修改到原型上
        Dog.prototype = new Animal();

        // Dog.prototype.speak = function () {
        //     console.log('speak');
        // }

        var dog = new Dog('小白');
        // dog.speak();
        dog.arry.push('d');
        console.log(dog);
    </script>
</body>

</html>

相关文章

  • 关于继承

    继承的实现方法 属性拷贝 浅拷贝 深拷贝 原型继承 原型式继承 原型链继承 组合继承(深拷贝+优化后的原型式继承)...

  • 函数的原型对象

    什么是原型? 原型是Javascript中的继承的继承,JavaScript的继承就是基于原型的继承。 函数的原型...

  • js基础之实现继承的几种方式

    js 实现继承的方式有: 原型链继承; 构造函数继承; 组合继承(原型链继承 + 构造函数继承)(最常用);(原型...

  • es5的部分继承以及es6的class

    一、JavaScript常用的原型继承方式 原型链继承 2,构造函数继承(对象冒充继承) 3,组合继承(原型链继承...

  • 继承

    原型链直接继承 原型链直接继承prototype 原型链继承_prototype属性 继承_构造函数绑定

  • js 继承

    4种继承方式 原型式继承给原型对象添加属性原型替换子类的原型对象替换为父类的原型对象 原型链继承 借用构造函数继承...

  • 总结JavaScript几种继承的方式及优缺点

    1. 原型继承 原型继承是比较常见一种继承方式 从上图中可以看到, 原型继承的特点: 注意:原型继承的缺点 如果...

  • 前端面试题总结【38】:javascript继承的 6 种方法

    原型链继承 借用构造函数继承 组合继承(原型+借用构造) 原型式继承 寄生式继承 寄生组合式继承 推荐: 持续更新...

  • 继承

    常见的继承方式有 原型继承、组合继承、寄生组合继承、类的继承 ①原型继承:它的原理就是,利用原型链继承父级构造函数...

  • 2019-03-25 继承

    js中通过原型来实现继承 组合继承:原型继承+借用构造函数继承

网友评论

    本文标题:原型继承

    本文链接:https://www.haomeiwen.com/subject/xmtamctx.html