美文网首页
简单理解JavaScript原型链

简单理解JavaScript原型链

作者: 没有卢果 | 来源:发表于2019-06-26 19:48 被阅读0次

    简单三连

    • 什么是原型 ?

    我是这样理解的:每一个JavaScript对象在创建的时候就会与之关联另外一个特殊的对象,这个对象就是我们常说的原型对象,每一个对象都会从原型“继承”属性和方法。

    • 什么是原型链 ?

    一个由有限个原型对象组成的用来实现继承和共享属性的对象链。

    打个通俗的比方,可以把原型链理解成一个家族的血亲关系,每一个后代都会从父代身上继承该家族特有的基因和特征。

    • 什么是"继承" ?

    关于原型的继承,我们常说每一个对象都会从原型上"继承"属性,实际上,此"继承"并非意味着简单的复制,而是一个可访问的通道,引用《你不知道的JavaScript》中的一句话:

    继承意味着复制操作,然而JavaScript默认并不会复制对象的属性,相反,JavaScript只是在两个对象之间创建一个关联,这样,一个对象就可以通过委托访问另一个对象的属性和函数,所以与其说是继承,委托的说法反而更加准确。

    三个概念

    prototype

    • 构造函数特有的属性
    • 指向一个原型对象,对象存储了要共享给实例的属性和方法

    proto

    • 实例对象的一个指针属性
    • 指向上层构造函数对应的prototype,即自己的原型对象

    constructor

    • 原型对象的一个属性
    • 指向原型对象的构造函数
    • 通过new创建实例时,对象会继承该属性

    对象的原型链

    Object

    • 作为对象:Object.__proto__ = Function.prototype
    • 作为函数:Object.prototype是原型链的顶端,Object.prototype.__proto__ = null

    Function

    • 作为对象:Function.__proto__ = Function.prototype
    • 作为函数:Function.prototype用于共享,而Function.prototype__proto__继承自Object.prototype

    Array

    • 作为对象:Array.__proto__ = Function.prototype
    • 作为函数:Array.prototype用于共享,Array.prototype.__proto__继承自Object.prototype

    Person

    • 作为对象:Person.__proto__ = Function.prototype

    • 作为函数:Person.prototype用于共享,Person.prototype.__proto__继承自Object.prototype

      原型链关系:


      image.png

    核心

    1. 原型链顶端是Object.prototype

    2. JavaScript原生对象(Object、Function、Array等)都是Function的实例,它们的__proto__均指向Function.prototype

    3. 除了Object,所有原生对象(构造函数)的prototype,均继承自Object.prototype

    4. JavaScript数据结构

      JavaScript数据结构和原型链之间的关系如下图:

    image.png

    相关文章

      网友评论

          本文标题:简单理解JavaScript原型链

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