美文网首页
02.javascript中的原型

02.javascript中的原型

作者: HLE | 来源:发表于2019-01-14 11:14 被阅读0次

本文主要总结javascript 中的继承实现,主要包括原型继承,构造函数继承和组合继承。但在之前还需要巩固一下原型相关的知识


1.构造函数,原型对象,和对象实例的关系

    1)文字描述三者之间的关系:

        1.每个构造函数都有一个原型对象;

        2.原型对象都包含一个指针指向构造函数;

        3.实例都包含一个指向原型对象的指针;

        4.构造函数通过new关键字创建对象实例

    2)代码演示:

代码演示

    3)图解关系

图解关系 图解关系

小结:通过上述的文字,代码,和图片应该可以明白构造函数,原型对象和对象实例之间的关系。

            那么,考虑一个问题:

            如果将原型对象等于另一个对象的实例,会怎样??这个问题就引出了js中的原型链问题!!


2.原型链

    1)原型链的形成过程:

        a:在第一小节末尾,我们提出了一个问题:  如果将原型对象等于另一个对象的实例,会怎样??

        b:答案就是:这样的操作会形成原型链

        c:原因:让当前的原型对象等于另一个对象的实例,那么,当前原型对象中就会包含一个指向另一个原型对象的指针,相应的,另一个原型中也包含着一个指向另一个构造函数的指针。

        如果在上述的赋值基础上继续进行进行相同的操作,就会形成原型链。

        (有点绕,可能不好理解,下面有图 帮助 理解)

    2)图解原型链

        a:基本的构造函数,原型对象和对象实例之间的关系

基本关系代码 基本关系图

     b:将Person对象的实例赋值给Teacher.prototype

将Person对象的实例赋值给Teacher.prototype

    上图中最后一行代码对应的图解:

图解1 图解2


相关文章

  • 02.javascript中的原型

    本文主要总结javascript 中的继承实现,主要包括原型继承,构造函数继承和组合继承。但在之前还需要巩固一下原...

  • javascript碎片知识001

    javascript中的对象(原型,原型链) 什么是原型? 原型是JavaScript中的继承的基础,JavaSc...

  • 前端JS进阶五(原型)

    Zepto中如何使用原型 Zepto使用原型源码分析 jQuery中如何使用原型 jQuery使用原型源码分析 原...

  • JavaScript 原型和原型链

    原型 在 JavaScript 中,我们所称的原型有两个使用语境: 原型关系 原型属性 原型关系指对象的原型对象,...

  • JavaScript 原型和原型链

    原型 在 JavaScript 中,我们所称的原型有两个使用语境: 原型关系 原型属性 原型关系指对象的原型对象,...

  • 02.JavaScript的事件冒泡

    事件冒泡 :当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级,一直到window 。(注意这里传递的仅...

  • 函数的原型对象

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

  • 原型和原型链篇

    原型和原型链 1.理解原型设计模式以及JavaScript中的原型规则 原型设计模式JavaScript是一种基于...

  • 小白对前端诸问题的认识

    javascript中的原型、原型链继承 原型(原型对象)是每function一个函数时,其prototype属性...

  • js原型、原型链、继承的理解

    一、原型、原型链 原型是Javascript中的继承的基础,JavaScript的继承主要依靠原型链来实现的。 原...

网友评论

      本文标题:02.javascript中的原型

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