js继承之构造函数继承

        最近在看js红宝书,学到了继承这一章节,看到了下图这段代码根据自己理解不明白为什么两次实例的colors值不一样

        又是自己画图又是查找资料看别人如何理解的,今天才按自己的理解搞明白为啥。可能我的理解也是有偏差错误的,希望佬可以指正。参考了这篇博客明白了构造函数,实例,原型啊等等的概念。然后根据自己理解把这段代码的关系图画了下来。5分钟带你搞懂 构造函数、原型对象、实例对象、原型、原型链_简述一下对原型,构造函数以及实例的理解-CSDN博客

 解释:

        首先代码中有一个SuperType构造函数,它有一个colors属性;然后SubType构造函数调用了call方法改变了this的指向,其中this指向SuperType构造函数,等同于SuperType构造函数里面有的属性SubType构造函数中都有,且值一样。然后根据SubType构造函数实例化了一个instance1对象,new的这个过程呢根据参考的博客理解,感觉也相当于这个实例对象中加了SubType构造函数里面的所有属性。之后对象1改变了colors的值,所以对象1的colors属性值改变了。

        再然后有根据构造方法实例化出一个新的对象2,所以对象2也在自身中继承了SubType的属性,所以对象2中的colors值依然是原值。

okk~ 我目前就是这么理解的,我发现通过画图可以很好理解难懂的内容。这个知识点我不知道自己这样的理解是否正确,希望大佬们可以指正错误!!!

相关推荐

  1. js继承

    2024-07-18 23:22:02       37 阅读
  2. <span style='color:red;'>继 承</span>

    继 承

    2024-07-18 23:22:02      27 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-18 23:22:02       70 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-18 23:22:02       74 阅读
  3. 在Django里面运行非项目文件

    2024-07-18 23:22:02       62 阅读
  4. Python语言-面向对象

    2024-07-18 23:22:02       72 阅读

热门阅读

  1. c++类的继承详解

    2024-07-18 23:22:02       20 阅读
  2. 目标检测算法

    2024-07-18 23:22:02       23 阅读
  3. 有道云笔记 markdown 生成目录

    2024-07-18 23:22:02       25 阅读
  4. c/c++:多线程下调用exit接口函数的问题

    2024-07-18 23:22:02       21 阅读
  5. 国王(C++)

    2024-07-18 23:22:02       24 阅读
  6. @RequestBody接收到的参数中如何限制List的长度?

    2024-07-18 23:22:02       23 阅读
  7. QEMU源码全解析 —— CPU虚拟化(3)

    2024-07-18 23:22:02       25 阅读
  8. 爱心代码来啦!

    2024-07-18 23:22:02       30 阅读
  9. linux设置Nginx自动重启

    2024-07-18 23:22:02       21 阅读