设为首页 加入收藏

TOP

一张图弄懂js原型和原型链
2019-09-17 18:15:43 】 浏览:19
Tags:张图 弄懂 原型

前言

java script的原型和原型链是面试的时候经常被问及到的问题,考察了我们对java script的基础掌握情况,今天我们在这里用一张图来梳理下其中的知识点。

下面我来引入这张非常经典的图,我也是亲手画了下,大家也可以自己动手去画,对理解原型及原型链有很大的帮助。

这张图详细的描述了构造函数FunctionObject以及它们实例之间的原型关系。

大致总结下就是如下几点:

大致总结一下就是:

  1. Object是作为众多new出来的实例的基类 , function Object(){ [ native code ] }

  2. Function是作为众多function出来的函数的基类 ,function Function(){ [ native code ] }

  3. 构造函数的__proto__(包括FunctionObject)都指向Function.prototype

  4. 原型对象的__proto__都指向Object.prototype

  5. Object.prototype.__proto__指向null

  6. 所有的对象(对象,函数)都有__proto__属性(隐式原型),指向构造该对象的构造函数的原型。

  7. 只有函数function才具有prototype属性(显式原型)。这个属性是一个指针,指向一个对象,这个对象的用途就是包含所有实例共享的属性和方法(我们把这个对象叫做原型对象)。原型对象也有一个属性,叫做constructor,这个属性包含了一个指针,指回原构造函数。

弄清楚以上几点,再结合自己手画这张图,我相信大家都能明白原型和原型链了。

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇Node学习之(第三章:art-templat.. 下一篇Typescript基础(4)——接口

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目