js 原型链继承

柔光的暖阳◎ 2021-12-15 06:19 438阅读 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 条评论，438人围观）

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

相关阅读

相关原型链继承

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

不念不忘少年蓝@/ 2023年07月16日 03:37/ 0 赞/ 38 阅读

相关 js中的原型链和原型链继承

先用一张图来解释一下原型链的结构： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

分手后的思念是犯贱/ 2023年06月30日 05:23/ 0 赞/ 53 阅读

相关 js 原型，继承的本质，原型链

js 原型原型与构造函数，实例化对象之间的关系图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10

港控/mmm°/ 2023年06月13日 09:42/ 0 赞/ 33 阅读

相关原型原型链继承

// 原型 // 问：为什么引入prototype属性 // 答：使N多个同一个构造函数生成的实例对象共享同一个属性，达到共享属性和

水深无声/ 2023年03月01日 13:53/ 0 赞/ 62 阅读

相关 js中原型链的继承

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

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

相关 js原型链继承

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

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

相关 js之原型链与继承

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

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

相关 js 原型链继承

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

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

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

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

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

相关 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 赞/ 506 阅读