讲师中心 微信公众号
AI工具推荐 视频效率加速

JavaScript中什么是原型链_如何访问对象原型

轻杰吖_4253

轻杰吖_4253

发布时间:2025-12-18 21:34:02

|

329人浏览过

|

来源于php中文网

原创

JavaScript原型链是对象间隐式委托的继承机制,通过[[Prototype]]链接至null;属性查找时若自身无则沿链向上委托,函数有prototype属性供实例继承,Object.prototype为终点;推荐用Object.getPrototypeOf()获取原型,isPrototypeOf()和instanceof可验证链关系,修改原生prototype需谨慎。

javascript中什么是原型链_如何访问对象原型

JavaScript 中的原型链是对象之间继承关系的实现机制,每个对象都有一个内部属性 [[Prototype]](可通过 __proto__ 访问,但不推荐),指向它的原型对象;而该原型对象自身也可能有原型,如此层层向上,直到为 null,这条链就叫原型链。

原型链的本质是对象间的隐式委托

当读取一个对象的属性时,如果该对象自身没有这个属性,JS 引擎会自动沿着 [[Prototype]] 向上查找,直到找到或抵达链末端(null)。这种“找不到就问爸爸”的机制就是委托,不是复制,也不是传统类继承。

  • 函数对象默认拥有 prototype 属性(一个普通对象),用于被实例对象的 [[Prototype]] 指向
  • 普通对象(如字面量 {})没有 prototype 属性,但有 [[Prototype]]
  • Object.prototype 是绝大多数对象原型链的终点,其 [[Prototype]] 为 null

访问对象原型的三种常用方式

推荐使用标准、安全的方式,避免依赖非标准或已废弃的写法:

  • Object.getPrototypeOf(obj) —— 标准、可靠,返回 obj 的 [[Prototype]]
  • obj.__proto__ —— 浏览器广泛支持,但属于遗留特性,ECMAScript 不鼓励使用
  • Constructor.prototype —— 仅适用于通过构造函数创建的对象,且需知道构造函数名(例如 Array.prototype)

示例:

const arr = [1, 2];<br>
console.log(Object.getPrototypeOf(arr) === Array.prototype); // true<br>
console.log(Array.prototype.constructor === Array); // true

如何验证原型链是否连通

可以用 isPrototypeOf() 方法判断某个对象是否在另一对象的原型链上:

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

java-enterprise
java-enterprise

Java企业开发专家,专注于Spring Boot、微服务架构和JVM优化。适用于:Java语言掌握、

下载
  • Array.prototype.isPrototypeOf([1, 2]) → true
  • Object.prototype.isPrototypeOf([]) → true(因为 Array.prototype 的原型是 Object.prototype)
  • {}.isPrototypeOf([1, 2]) → false(空对象不是数组的原型)

也可用 instanceof 判断对象是否由某构造函数“构造”,它底层就是检查原型链中是否存在该构造函数的 prototype。

修改原型要谨慎

虽然可以给 prototype 添加方法(如 Array.prototype.myMap = ...),但应避免污染原生原型:

  • 可能与其他库冲突
  • 影响可维护性和调试体验
  • 某些环境(如严格模式、模块化代码)下可能报错或无效

更安全的做法是用工具函数封装,或使用 class / extends 明确继承关系。

基本上就这些。理解原型链的关键不在记语法,而在明白“属性查找是动态委托,不是静态继承”。

热门AI工具

更多
VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

相关专题

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

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

549

2023.09.22

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

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

1678

2024.03.01

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

2098

2023.09.20

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

3656

2024.01.03

python中class的含义
python中class的含义

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

306

2025.12.06

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

4136

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1295

2023.07.28

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1678

2023.08.03

PixTV官网入口地址合集
PixTV官网入口地址合集

本专题汇总了 PixTV AI 一站式视频创作平台的官方入口与使用教程。无需下载软件,浏览器直接访问即可使用。平台将剧本、图像、视频、声音与剪辑整合在“无限画布”中,接入 GPT Image 2.5、Seedance 2.5 等头部模型。本专题整理了从新建画布、角色锚定、分镜拆分到视频生成与导出的完整操作指南,助你快速上手 AI 短剧与漫剧创作。

20

2026.10.10

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.6万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn