js 原型链继承

柔光的暖阳◎ 2021-12-15 06:19 377阅读 0赞

构造函数的`prototype`的`__proto__`默认指向`Object.prototype`，是继承`Object`。

function Animal(age){ 
        this.age = age
    }
    
    Animal.prototype.getAge = function(){ 
        return this.age + ", getAge, prototype"
    }
    
    Animal.prototype.eat = function(){ 
        return this.age + ", eat, prototype"
    }
    
    function Dog(name, age) { 
        Animal.call(this, age);
        this.name = name;
    }
    
    Dog.prototype.__proto__ = Animal.prototype;
    
    Dog.prototype.getAge = function () { 
        return this.age + ", dog, prototype"
    }
    
    let d1 = new Dog('d1', 12)
    console.log(d1.getAge())
    console.log(d1.eat())
    console.log(Dog.prototype.constructor === d1.__proto__.constructor)

所有构造函数的原型都指向`Function.prototype`，因为构造函数是函数。所有原型指向继承的原型，原型是对象，所以`Function.prototype`的原型指向`Object.prototype`。

**`Dog`继承`Animal`继承`Object`**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NyaWJ1ZzgwODA_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NyaWJ1ZzgwODA_size_16_color_FFFFFF_t_70]: /images/20211214/93e1c1ea6e1f43c5b76e3122f125ee73.png

发表评论取消回复

表情：

评论列表（有 0 条评论，377人围观）

还没有评论，来说两句吧...

相关阅读

相关原型链和原型继承

原型链的概念当调用一个对象的方法或者属性时，他会现在自身找对应的方法和属性，如果没找到就会去prototype上去找，如果没找到，就会去prototype原型对象的\_\_

雨点打透心脏的1/2处/ 2022年12月10日 10:17/ 0 赞/ 206 阅读

相关 js中原型链的继承

方式1： 1.定义父类型构造函数 2.给父类型的原型添加方法 3.定义子类型的构造函数 4.创建父类型的对象赋值给子类型的原型 5.将子类型原型的构造属性设

今天药忘吃喽~/ 2022年12月04日 02:22/ 0 赞/ 144 阅读

相关 js原型链继承

在传统的基于Class的语言如Java、C++中，继承的本质是扩展一个已有的Class，并生成新的Subclass。由于这类语言严格区分类和实例，继承实际上是类型的扩展。但

墨蓝/ 2022年07月13日 00:22/ 0 赞/ 200 阅读

相关 js中的构造函数，原型，原型链，继承

在自身的理解中，这几个概念是分不开的，不能脱离一种去了解另外一种。在网上看到很多资料，但是每个人对于他们的理解可能有些不同，而且发现对某些概念网上的资料有的并没有说清楚，所以本

墨蓝/ 2022年06月16日 06:56/ 0 赞/ 223 阅读

相关 js之原型链与继承

js中的原型链是比较难理解的一部分知识，而继承又是依赖于原型链，所以原型链是我们必须去掌握的。在学习原型链之前，我们需要去介绍一下原型。建议这部分重在理解，不推荐死记硬背。

小咪咪/ 2022年06月08日 00:29/ 0 赞/ 242 阅读

相关继承、原型链继承、拷贝继承

0.为什么要使用继承方法可能功能相似，但是不是同一个方法(没有指向同一块内存，会造成内存浪费) <!DOCTYPE html> <html lang

红太狼/ 2022年01月30日 11:19/ 0 赞/ 289 阅读

相关 JS原型、原型链、构造函数、实例与继承

[https://cloud.tencent.com/developer/article/1408283][https_cloud.tencent.com_developer_

旧城等待，/ 2021年12月23日 16:45/ 0 赞/ 303 阅读

相关 js 原型链继承

构造函数的`prototype`的`__proto__`默认指向`Object.prototype`，是继承`Object`。 function Animal(age

柔光的暖阳◎/ 2021年12月15日 06:19/ 0 赞/ 378 阅读

相关 js继承和原型以及原型链

继承继承是指一种关系,是类与类之间的关系, 但是js中没有类这个概念,js是通过构造函数模拟类. 然后通过原型来实现继承继承也是为了数据共享原型作

待我称王封你为后i/ 2021年12月04日 04:53/ 0 赞/ 350 阅读

相关 js原型、原型链与继承的理解

链接1：https://www.cnblogs.com/gulei/p/6733707.html 链接2：https://www.cnblogs.com/DF-fzh/p/

╰+攻爆jí腚メ/ 2021年09月15日 02:48/ 0 赞/ 448 阅读