实例、构造函数、原型、原型对象、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 生成的,你可以直接在我的基础上进行编辑。

相关推荐
jump_jump1 分钟前
Ripple:一个现代的响应式 UI 框架
前端·javascript·前端框架
夏天想10 分钟前
element-plus的输入数字组件el-input-number 显示了 加减按钮(+ -) 和 小三角箭头(上下箭头),怎么去掉+,-或者箭头
前端·javascript·vue.js
清风徐来QCQ1 小时前
SpringMvC
前端·javascript·vue.js
Swift社区1 小时前
ArkTS Web 组件里,如何通过 javaScriptProxy 让 JS 同步调用原生方法
开发语言·前端·javascript
Hi_kenyon1 小时前
快速入门VUE与JS(二)--getter函数(取值器)与setter(存值器)
前端·javascript·vue.js
全栈前端老曹2 小时前
【前端路由】React Router 权限路由控制 - 登录验证、私有路由封装、高阶组件实现路由守卫
前端·javascript·react.js·前端框架·react-router·前端路由·权限路由
zhuà!2 小时前
uv-picker在页面初始化时,设置初始值无效
前端·javascript·uv
摸鱼的春哥2 小时前
实战:在 Docker (Windows) 中构建集成 yt-dlp 的“满血版” n8n 自动化工作流
前端·javascript·后端
_Rookie._2 小时前
关于迭代协议:可迭代协议和迭代器协议,生成器函数 生成器对象的理解
javascript·python
测试游记2 小时前
基于 FastGPT 的 LangChain.js + RAG 系统实现
开发语言·前端·javascript·langchain·ecmascript