0

0

JavaScript中内置对象Array与Object的原型链结构

冷炫風刃

冷炫風刃

发布时间:2026-03-16 21:46:03

|

984人浏览过

|

来源于php中文网

原创

Array实例原型链为数组实例→Array.prototype→Object.prototype→null,Object实例为对象实例→Object.prototype→null;两者构造函数均继承自Function.prototype。

javascript中内置对象array与object的原型链结构

JavaScript中,ArrayObject 都是内置构造函数,它们的实例通过原型链最终都指向 Object.prototype,但中间路径不同——Array.prototype 是独立对象,继承自 Object.prototype,而非直接等于它。

Array 的原型链结构

Array 实例(如 [1, 2])的原型链为:

  • [1, 2].__proto__ === Array.prototype(即数组实例直接继承自 Array.prototype
  • Array.prototype.__proto__ === Object.prototypeArray.prototype 自身是一个普通对象,其原型是 Object.prototype
  • Object.prototype.__proto__ === null(原型链终点)

因此完整链路是:数组实例 → Array.prototype → Object.prototype → null。这也解释了为什么数组既能调用 push()map() 等数组方法,也能使用 toString()hasOwnProperty() 等来自 Object.prototype 的方法。

Object 的原型链结构

Object 实例(如 {}new Object())的原型链更直接:

立即学习Java免费学习笔记(深入)”;

  • {}.__proto__ === Object.prototype
  • Object.prototype.__proto__ === null

所以链路是:对象实例 → Object.prototype → null。注意:虽然 Array.prototype 本身也是对象,但它不是 Object 的实例(Array.prototype instanceof Objecttrue,因为其原型链包含 Object.prototype),而 Object.prototype 是唯一不继承自任何其他对象的内置原型。

会译·对照式翻译
会译·对照式翻译

会译是一款AI智能翻译浏览器插件,支持多语种对照式翻译

下载

关键区别与验证方式

区分两者原型链的核心在于构造器与 __proto__ 的归属:

  • Array.prototype.constructor === Array,而 Object.prototype.constructor === Object
  • Array.prototype 上有 pushslice 等特有方法;Object.prototype 上有 toStringvalueOfisPrototypeOf 等通用方法
  • 可通过 Object.getPrototypeOf([]) 得到 Array.prototype,再对其调用 Object.getPrototypeOf 得到 Object.prototype

另外,typeof [] === 'object',说明数组在类型系统中属于对象大类,但语义和行为由其原型链上的方法决定。

补充:Function 与原型链的关系

值得注意的是,ArrayObject 本身都是函数(typeof Array === 'function'),所以它们也继承自 Function.prototype

  • Array.__proto__ === Function.prototype
  • Object.__proto__ === Function.prototype
  • Function.prototype.__proto__ === Object.prototype

这意味着构造函数(如 ArrayObject)作为函数值时,其原型链与普通函数一致,而它们创建的实例则走另一条(实例化后的)原型链。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

255

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

1132

2024.03.01

golang map内存释放
golang map内存释放

本专题整合了golang map内存相关教程,阅读专题下面的文章了解更多相关内容。

77

2025.09.05

golang map相关教程
golang map相关教程

本专题整合了golang map相关教程,阅读专题下面的文章了解更多详细内容。

41

2025.11.16

golang map原理
golang map原理

本专题整合了golang map相关内容,阅读专题下面的文章了解更多详细内容。

67

2025.11.17

java判断map相关教程
java判断map相关教程

本专题整合了java判断map相关教程,阅读专题下面的文章了解更多详细内容。

47

2025.11.27

function是什么
function是什么

function是函数的意思,是一段具有特定功能的可重复使用的代码块,是程序的基本组成单元之一,可以接受输入参数,执行特定的操作,并返回结果。本专题为大家提供function是什么的相关的文章、下载、课程内容,供大家免费下载体验。

500

2023.08.04

js函数function用法
js函数function用法

js函数function用法有:1、声明函数;2、调用函数;3、函数参数;4、函数返回值;5、匿名函数;6、函数作为参数;7、函数作用域;8、递归函数。本专题提供js函数function用法的相关文章内容,大家可以免费阅读。

167

2023.10.07

chatgpt使用指南
chatgpt使用指南

本专题整合了chatgpt使用教程、新手使用说明等等相关内容,阅读专题下面的文章了解更多详细内容。

0

2026.03.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 6.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.5万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号