原型链

作者: flychown | 来源:发表于2016-10-11 09:36 被阅读0次

1:基本概念

原型链是JS实现继承的主要方法,主要思想是使用一个引用类型继承另一个引用类型的属性和方法。

1.1 理解一下实例,原型,构造函数的关系

第一句:每个构造函数都有一个原型对象

在chrome中可以看见,构造函数father中有一个原型对象(prototype)。

第二句:原型对象都包含一个指向构造函数的指针

在原型对象(prototype)中,constructor指针指向的内容就是构造函数本身。因为构造函数又有一个原型对象,所以构造函数和原型对象互相包含,无限嵌套了下去。

第三句:而实例都包含一个指向原型对象的内部指针

在实例father1中,内部指针__proto__ 就和上面prototype的指向是一样的,都指向原型对象。

关系图:

1.2 继承实现原理

继承关系图:

2:原型链继承时的注意点

1:所有继承的根是Object,这也就是任何对象都会有toString()或者valueOf()方法的原因。

2:child继承了father之后,child自己的原型就被替换为father的实例,所以在继承之前,child原型上定义的属性或方法都消失了,因此,应该在继承之后向child的原型添加属性或方法。

3:在child继承father之后,不可以使用原型对象字面量的方式向child原型添加属性和方法,原型对象字面量方式会让child的原型直接指向Object的实例,之前的继承会被切断。

3:原型链继承的缺陷

1:因为引用类型值的原型属性会被所有实例共享,所以若father中有属性是引用类型值,child继承father后,所有的child实例都会共享同一个引用类型属性。

2:在创建child实例时无法向father的构造函数传递参数。

相关文章

  • JavaScript 原型、原型链与原型继承

    原型,原型链与原型继承 用自己的方式理解原型,原型链和原型继承 javascript——原型与原型链 JavaSc...

  • 原型、原型链

    (什么是原型、原型链?有什么作用) JavaScirpt深入之从原型到原型链 图解 Javascript 原型链 ...

  • 原型链&查找规则&作用域链

    原型链(隐式原型链) 属性的查找规则(原型链的查找规则) 作用域链

  • 关于原型原型链的理解

    什么是原型? 什么是原型链? 为什么需要原型,和原型链?

  • 原型链实现继承

    原型链 原型链示意图 使用原型链实现继承 这是怎么回事呢? 原型链在哪? 听我细细道来~ 首先 Teacher 实...

  • 继承

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

  • js中的实现继承的几种方式

    大纲:原型链借用构造函数组合继承原型式继承寄生式继承寄生组合式继承 1、原型链: 什么是原型链? 原型链的基本思想...

  • 【原型和原型链】什么是原型和原型链

    【原型和原型链】什么是原型和原型链https://blog.csdn.net/xiaoermingn/articl...

  • js原型链

    目录 1.对象的原型和原型链1.1什么是原型1.2查看原型1.3对象的原型链 2.使用构造函数2.1 函数的原型链...

  • 廖雪峰JS小记

    (function(){})() 原型,原型链 浅谈Js原型的理解JS 原型与原型链终极详解 对象 对象:一种无序...

网友评论

      本文标题:原型链

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