码迷,mamicode.com
首页 > 其他好文 > 详细

一张图瞬间让你明白原型链结构

时间:2018-10-30 21:16:06      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:分享   sdn   之间   details   了解   ==   prot   基本知识   new   

一张图瞬间让你明白原型链结构:https://blog.csdn.net/qq_34629352/article/details/78553716

 

看图之前我们首先来了解几个对象原型的基本知识:
    例子:
    function Fn() {}// Fn为构造函数
    var f1 = new Fn();//f1是Fn构造函数创建出来的对象
    构造函数的prototype属性值就是对象原型。(Fn.prototype就是对象的原型)
    构造函数的prototype属性值的类型就是对象  typeof Fn.prototype===object. 
    对象原型中的constructor属性指向构造函数 (Fn.prototype.constructor===Fn)
    对象的__proto__属性值就是对象的原型。(f1.__proto__就是对象原型)
    Fn.prototype===f1.__proto__ 其实它们两个就是同一个对象---对象的原型。
    所有Fn.prototype.__proto__===Object.prototype
    typeof Object.prototype ===object。
    Object.prototype.__proto__===null。

    我讨论原型就是指的对象与原型对象之间的关系。所以原型链也称之为对象链。
    有了以上的基础知识,下面的原型链图你就可以看明白了。

技术分享图片

所以对象f1的原型链:f1.__proto__---->Fn.prototype.__proto__----->Object.prototype.__prototype__---->null

一张图瞬间让你明白原型链结构

标签:分享   sdn   之间   details   了解   ==   prot   基本知识   new   

原文地址:https://www.cnblogs.com/bydzhangxiaowei/p/9879078.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!