实例、构造函数、原型、原型对象、prototype、__proto__、原型链……

学习原型链和原型对象,不需要说太多话,只需要给你看看几张图,你自然就懂了。

  • prototype 表示原型对象
  • __proto__ 表示原型

实例、构造函数和原型对象

以 error 举例

图中的 error 表示 axios 抛出的一个错误对象(实例)。

宇宙的尽头是 null

js 复制代码
Object.prototype.__proto__ === null

({}).__proto__.__proto__ === null

Function 与 Object

js 复制代码
Function.prototype.__proto__ === Object.prototype

(function(){}).__proto__.__proto__ === Object.prototype

(() => {}).__proto__.__proto__ === Object.prototype

以 Date 为例,收尾!

js 复制代码
(new Date()).__proto__ === Date.prototype

Date.prototype.__proto__ === Object.prototype

图片来源

来自我的 Github 仓库。图片使用 diagrams 生成的,你可以直接在我的基础上进行编辑。

相关推荐
LFly_ice4 分钟前
学习React-9-useSyncExternalStore
javascript·学习·react.js
gnip35 分钟前
js上下文
前端·javascript
中草药z35 分钟前
【Stream API】高效简化集合处理
java·前端·javascript·stream·parallelstream·并行流
世伟爱吗喽1 小时前
threejs入门学习日记
前端·javascript·three.js
F2E_Zhangmo1 小时前
基于cornerstone3D的dicom影像浏览器 第五章 在Displayer四个角落显示信息
开发语言·前端·javascript
小浣熊喜欢揍臭臭2 小时前
react+umi项目如何添加electron的功能
javascript·electron·react
乖女子@@@2 小时前
React笔记_组件之间进行数据传递
javascript·笔记·react.js
F2E_Zhangmo3 小时前
基于cornerstone3D的dicom影像浏览器 第二章 加载本地文件夹中的dicom文件并归档
前端·javascript·css
念念不忘 必有回响3 小时前
js设计模式-装饰器模式
javascript·设计模式·装饰器模式
weixin_584121433 小时前
vue3+ts导出PDF
javascript·vue.js·pdf