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

相关推荐
伍哥的传说1 小时前
Vue 3.5重磅更新:响应式Props解构,让组件开发更简洁高效
前端·javascript·vue.js·defineprops·vue 3.5·响应式props解构·vue.js新特性
德育处主任2 小时前
p5.js 3D 形状 "预制工厂"——buildGeometry ()
前端·javascript·canvas
Mintopia2 小时前
React 牵手 Ollama:本地 AI 服务对接实战指南
前端·javascript·aigc
Mintopia2 小时前
Next.js 全栈开发基础:在 pages/api/*.ts 中创建接口的艺术
前端·javascript·next.js
xvmingjiang2 小时前
Element Plus 中 el-input 限制为数值输入的方法
前端·javascript·vue.js
狂炫一碗大米饭3 小时前
事件委托的深层逻辑:当冒泡不够时⁉️
javascript·面试
张柏慈3 小时前
JavaScript性能优化30招
开发语言·javascript·性能优化
pepedd8644 小时前
全面解析this-理解this指向的原理
前端·javascript·trae
渔夫正在掘金4 小时前
神奇魔法类:使用 createMagicClass 增强你的 JavaScript/Typescript 类
前端·javascript
雲墨款哥4 小时前
一个前端开发者的救赎之路-JS基础回顾(三)-Function函数
前端·javascript