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

相关推荐
codingandsleeping5 分钟前
一个简易版无缝轮播图的实现思路
前端·javascript·css
拉不动的猪1 小时前
简单回顾下插槽透传
前端·javascript·面试
爱吃鱼的锅包肉1 小时前
Flutter路由模块化管理方案
前端·javascript·flutter
风清扬雨2 小时前
Vue3具名插槽用法全解——从零到一的详细指南
前端·javascript·vue.js
海盗强2 小时前
Vue 3 常见的通信方式
javascript·vue.js·ecmascript
oscar9993 小时前
JavaScript与TypeScript
开发语言·javascript·typescript
橘子味的冰淇淋~3 小时前
【解决】Vue + Vite + TS 配置路径别名成功仍爆红
前端·javascript·vue.js
leluckys4 小时前
flutter 专题 六十三 Flutter入门与实战作者:xiangzhihong8Fluter 应用调试
前端·javascript·flutter
shoa_top5 小时前
JavaScript 数组方法总结
javascript
鱼樱前端5 小时前
让人头痛的原型和原型链知识
前端·javascript