美文网首页
JS原型与原型链的理解

JS原型与原型链的理解

作者: 怡宝丶 | 来源:发表于2018-06-26 19:01 被阅读0次

首先放图


tu.png

原型

  • 无论什么,只要创建了一个新函数就会根据一组特定的规则为该函数创建一个Prototype属性,这个属性指向的函数的原型对象
函数fn的prototype指向该函数的原型对象

原型对象

  • 所有的原型对象都会自动的获得一个constructor属性,它默认指向prototype属性所在的函数.
fn.prototype.constructor指向构造函数自己

实例

  • 构造函数通过new关键字创建了一个实例, 实例有个属性__proto__指向了原型对象.
    实例的__proto__属性指向构造函数的原型对象

简单总结:每个构造函数都有一个原型对象,每个原型兑现都有一个指针指向构造函数,每个实例都有一个指向原型对象内部的指针


原型链

  • 原型链是实现对象继承的主要方法
  • 基本思想: 利用原型让一个引用类型去继承另外一个引用类型的属性和方法.
  • 如果我们让原型对象等于另外一个类型的实例,那么此时的原型对象必然也包含一个指向另一个原型对象的指针,假如另一个原型对象又是另一个类型的实例,那么上述的关系是依然存在的,这样就形成了原型链~
  • 原型链的顶端是Object.__proto__

相关文章

  • 廖雪峰JS小记

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

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

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

  • Javascript(三)之原型继承理解

    进阶路线 3 原型继承 3.1 优秀文章 最详尽的 JS 原型与原型链终极详解 一 最详尽的 JS 原型与原型链终...

  • 再来看一次JS继承

    原型链继承 理解原型链的概念 用一张图来理解原型链再合适不过了。 总结概括JS红宝书上对原型链的概念:每个函数都有...

  • 2018-01-09 关于javascript原型链的思考 pl

    s 深入理解原型和原型链? 构造函数 理解原型和原型链 new的时候js都干了什么? 一个实现继承的demo 构造...

  • 原型和原型链

    今天发现一张特别好的图(↑↑↑上图↑↑↑),对原型和原型链的理解特别直观友好。 原型和原型链 基础储备:每个 JS...

  • JS原型与原型链的理解

    首先放图 原型 无论什么,只要创建了一个新函数就会根据一组特定的规则为该函数创建一个Prototype属性,这个属...

  • js继承完全理解

    认识原型链 要理解js的继承原来要先理解原型链,要理解原型链要先清楚下面两个结论: 任何一个构造函数(其实是任何一...

  • JS原型链

    1什么是JS原型链? 通过__proto__属性将对象与原型对象进行连接. 1.1 JS原型链的作用? 组成的一个...

  • 原型与新版的类-class

    首先来理解原型原型 === 共用属性可以先看看方姐的几篇文章:什么是JS原型链JS 中 proto 和 proto...

网友评论

      本文标题:JS原型与原型链的理解

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