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

相关推荐
军军君0110 分钟前
Three.js基础功能学习十八:智能黑板实现实例五
前端·javascript·vue.js·3d·typescript·前端框架·threejs
Moment12 分钟前
AI全栈入门指南:一文搞清楚NestJs 中的 Controller 和路由
前端·javascript·后端
程序员马晓博13 分钟前
前端并发治理:从 Token 刷新聊起,一个 Promise 就够了
前端·javascript
英俊潇洒美少年34 分钟前
Vue、React.lazy、React 19 异步组件核心区别
javascript·vue.js·react.js
快乐小土豆~~1 小时前
echarts柱状图的X轴label过长被重叠覆盖
前端·javascript·vue.js·echarts
小李子呢02112 小时前
前端八股2---Proxy 代理
前端·javascript·vue.js
bjzhang752 小时前
使用 HTML + JavaScript 实现组织架构图
前端·javascript·html·组织架构图
军军君012 小时前
Three.js基础功能学习十六:智能黑板实现实例三
前端·javascript·css·vue.js·3d·前端框架·threejs
qq_20815408853 小时前
瑞树6代流程分析
javascript·python
军军君013 小时前
Three.js基础功能学习十四:智能黑板实现实例一
前端·javascript·css·typescript·前端框架·threejs·智能黑板