Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $YECBGYFECGEAFWHA as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2

Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $BBWFDDBHHYHDXXAB as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2
js怎么获取原型链的长度_创想鸟

js怎么获取原型链的长度

javascript中没有内置属性或方法直接获取对象原型链的长度,必须通过遍历实现。1. 使用object.getprototypeof()从对象开始逐层向上遍历,直到null为止,每层计数加一;2. 需特别处理null和undefined,直接返回0;3. 对于object.create(null)创建的对象,其原型为null,链长度为1;4. 原型链最终终点是null,object.prototype的原型即为null;5. 常见误区包括误以为存在类似length的直接属性、混淆instanceof的布尔判断与链长度、过度担忧遍历性能,但实际上原型链深度通常很浅,性能影响可忽略。该操作主要用于加深对继承机制的理解而非性能优化,最终应明确原型链是链式结构而非数组,需通过手动遍历计数得到长度。

js怎么获取原型链的长度

JavaScript中并没有一个内置的、直接的属性或方法,能让你像获取数组长度那样,简单地得到一个对象原型链的“长度”。如果你想知道一个对象向上追溯到

null

有多少层原型,你需要自己动手,遍历这个链条并计数。这听起来可能有点绕,但实际操作起来并不复杂。

js怎么获取原型链的长度

解决方案:要获取原型链的长度,最直接的方法就是从当前对象开始,通过

Object.getPrototypeOf()

方法一步步向上追溯,直到遇到

null

为止,每追溯一步就加一。

这是一种实现方式:

js怎么获取原型链的长度

function getPrototypeChainLength(obj) {    let length = 0;    let current = obj;    // 确保处理 null 或 undefined,它们没有原型    if (obj === null || typeof obj === 'undefined') {        return 0;     }    // 遍历原型链,直到遇到 null    while (current !== null) {        current = Object.getPrototypeOf(current);        length++;    }    return length;}// 示例:class MyClass {    constructor() {        this.name = 'test';    }}const myInstance = new MyClass();console.log('myInstance 原型链长度:', getPrototypeChainLength(myInstance)); const plainObj = {};console.log('plainObj 原型链长度:', getPrototypeChainLength(plainObj)); const arr = [];console.log('数组原型链长度:', getPrototypeChainLength(arr)); // 特殊情况:Object.create(null) 创建的对象没有原型链const objWithoutProto = Object.create(null);console.log('没有原型链的对象长度:', getPrototypeChainLength(objWithoutProto)); // null 或 undefinedconsole.log('null 的原型链长度:', getPrototypeChainLength(null)); console.log('undefined 的原型链长度:', getPrototypeChainLength(undefined)); 

这里我特意处理了

null

和

undefined

的情况,因为它们没有原型,直接传入函数应该返回0,这符合直觉。

为什么我们有时会关心原型链的深度?

说实话,在日常的业务开发中,我们很少会刻意去计算原型链的“长度”。但这个操作本身,以及对它背后原理的理解,却能极大地帮助我们深化对JavaScript继承机制的认识。我个人觉得,这更像是一种“心智模型”的构建过程。

js怎么获取原型链的长度

举个例子,当你在调试一个复杂的对象,或者在阅读一些框架源码时,如果能清晰地在脑海中描绘出它的原型链结构,那么理解其方法查找、属性继承的逻辑就会变得异常清晰。比如,一个方法为什么能在某个实例上被调用,它是在哪个原型层级上定义的?原型链的深度,某种程度上反映了其继承的“层次感”。

当然,如果你的原型链过长,理论上会带来轻微的性能开销,因为JavaScript在查找属性或方法时需要沿着链条向上遍历。但在绝大多数实际应用中,这种开销几乎可以忽略不计,除非你真的构建了一个几十层甚至上百层的、极端复杂的继承体系——那通常意味着设计上可能出了问题,而非原型链本身的问题。所以,更多时候,了解这个长度是为了理解,而不是为了优化性能。

原型链的终点究竟是什么?

这是一个很基础但又很关键的问题。JavaScript中所有对象的原型链最终都会指向

null

。你可以这样理解:

Object.prototype

是JavaScript中绝大多数对象的“祖先”,它上面定义了许多我们常用的方法,比如

toString()

、

hasOwnProperty()

等等。而

Object.prototype

本身,它的原型就是

null

。

这意味着,当你通过

Object.getPrototypeOf()

一步步向上追溯时,最终会得到

Object.prototype

,再往上追溯一次,就会得到

null

。这个

null

就是原型链的尽头,一个明确的终止符。

const obj = {};console.log(Object.getPrototypeOf(obj) === Object.prototype); console.log(Object.getPrototypeOf(Object.prototype) === null); 

有些时候,你可能会遇到通过

Object.create(null)

创建的对象。这类对象非常特殊,它们根本没有原型链,或者说,它们的直接原型就是

null

。这在创建纯粹的数据字典,避免原型链上的方法干扰时非常有用。比如,你不想让你的对象拥有

toString

方法,或者担心原型链上的属性被意外修改。

const pureMap = Object.create(null);console.log(Object.getPrototypeOf(pureMap)); console.log(pureMap.toString); 

所以,当我的

getPrototypeChainLength

函数遇到这样的对象时,它会直接在第一次

Object.getPrototypeOf

调用后就得到

null

,从而正确地返回长度1(对象本身算一层)。

测量原型链长度时容易陷入哪些误区?

在尝试获取原型链长度时,我发现有几个常见的思维陷阱或者说误解,值得我们注意。

一个最直接的误区就是,很多人会下意识地去寻找一个类似

obj.prototypeChain.length

这样的属性。但正如我们前面提到的,JavaScript并没有提供这种直接的API。原型链不是一个数组,它是一个链式结构,所以你不能用数组的思维去套用。

另一个容易混淆的点是,把原型链的长度和

instanceof

操作符的功能混为一谈。

instanceof

确实是沿着原型链向上检查,看构造函数的

prototype

属性是否出现在实例的原型链上。但它只返回一个布尔值,告诉你“是不是”,而不是“有多深”。你无法通过

instanceof

来得知具体走了多少步才找到匹配项。

再来,就是对性能的过度担忧。我遇到过一些开发者,一听到“遍历”就条件反射地担心性能问题。但实际上,在大多数JavaScript应用中,原型链的深度是有限的,通常不会超过几层。比如,一个普通的类实例,它的原型链通常是

实例 -> 类的原型 -> Object.prototype -> null

,总共也就3到4层。遍历这么短的链条,其开销微乎其微,完全不用过度优化。如果你真的遇到了性能瓶颈,那多半是其他更复杂的操作导致的,而不是原型链遍历。

总的来说,理解原型链的本质——它是一个由

__proto__

或

Object.getPrototypeOf()

连接起来的链条,而不是一个可直接计数的列表——是避免这些误区的基础。当你不再试图用“长度”这个词来套用数组的概念时,整个问题就清晰多了。

以上就是js怎么获取原型链的长度的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/110754.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
QQ语音通话杂音多音质差如何解决
上一篇 2025年11月23日 10:30:51
利用PHP实现可靠的跨浏览器重定向
下一篇 2025年11月23日 10:32:54

相关推荐

  • UC浏览器网页上的文字无法选中复制怎么办 UC浏览器解决网页文字禁止复制问题

    答案:可通过开发者工具、阅读模式、打印预览、OCR识别或自定义脚本解除UC浏览器网页复制限制。具体操作依次为:开启开发者工具并执行JavaScript代码解除限制;启用阅读模式净化页面内容;使用打印预览重新渲染页面以选中文字;对截图应用OCR技术提取文本;添加书签脚本自动移除禁用选择的代码,从而实现…

    2026年9月21日
    000
  • JavaScript中的尾调用优化(TCO)在ES6中如何工作?

    尾调用是指函数的最后一个动作调用另一个函数,ES6引入尾调用优化以重用栈帧、避免内存溢出,支持真正的尾递归,如阶乘函数通过累积参数实现。 尾调用优化(Tail Call Optimization, TCO)是ES6引入的一项语言特性,目的是在特定条件下重用函数调用栈帧,避免不必要的内存增长,从而支持…

    2026年9月21日
    100
  • 为什么iPhoneSE2022屏幕无响应如何强制重启?快速按音量键后长按电源键

    首先尝试强制重启,若无效则检查充电状态,最后可通过恢复模式重装系统。具体为:1. 按音量+、音量-后长按电源键10秒以上;2. 充电15分钟观察是否响应;3. 连电脑进入恢复模式恢复系统。 如果您尝试唤醒或操作您的iPhone SE(2022款),但屏幕无响应或显示黑屏,可能是系统临时卡死或软件冲突…

    2026年9月21日
    000
  • 抖音蝴蝶号无人直播带货操作流程及注意事项

    抖音蝴蝶号无人直播带货操作流程及注意事项抖音蝴蝶号无人直播带货操作流程及注意事项抖音蝴蝶号无人直播带货操作流程及注意事项抖音蝴蝶号无人直播带货操作流程及注意事项

    “抖音蝴蝶号无人直播带货”是一种通过自动化或半自动化技术实现的直播销售模式。①其核心在于摆脱真人主播限制,实现24小时不间断直播,提升效率与流量利用率;②关键步骤包括明确账号定位与商品选择、准备高质量且丰富的内容素材、利用虚拟人或预录内容实现直播推流、结合智能客服模拟评论区互动;③优势在于降低人力成…

    2026年9月21日 • 用户投稿
    500
  • Java语法基础有哪些新手必学的核心知识

    掌握Java基本数据类型与变量声明,如int、double、char和boolean,并理解强类型语言特性;2. 熟悉运算符与表达式,包括算术、比较和逻辑运算符,奠定程序逻辑基础。 Java语法基础是每个初学者必须掌握的内容,只有打好根基,才能顺利进阶面向对象编程和实际项目开发。以下是新手必学的核心…

    2026年9月21日
    200
  • MySQL用户权限体系配置思路_Sublime中编辑多用户分权管理脚本

    MySQL用户权限体系配置思路_Sublime中编辑多用户分权管理脚本MySQL用户权限体系配置思路_Sublime中编辑多用户分权管理脚本MySQL用户权限体系配置思路_Sublime中编辑多用户分权管理脚本MySQL用户权限体系配置思路_Sublime中编辑多用户分权管理脚本

    最小权限原则是mysql用户权限配置的核心,确保每个用户仅拥有必要权限以提升安全性与可维护性。1.明确需求:根据用户角色分配如只读、增删改查或结构修改权限;2.创建用户并编写sql脚本进行权限管理,替代手动输入命令,提高效率与一致性;3.使用sublime text等编辑器提升脚本编写效率,利用语法…

    2026年9月21日 • 用户投稿
    000
  • 音乐文件占用空间太多怎么办_音乐文件占用空间太多如何整理详细指南

    解决音乐文件占空间问题的关键是压缩与整理:先用软件或在线工具降低比特率压缩体积,再按场景分类、利用元数据自动归集,并通过听歌片段和BPM判断保留内容,避免重复与误删。 音乐文件占空间太多,核心解决办法就两条:一是压缩单个文件体积,二是通过有效分类管理提升使用效率。直接删歌不是长久之计,学会整理和优化…

    2026年9月21日
    000
  • 升级X86架构性能大提升!极空间Z2 Ultra图赏

    升级X86架构性能大提升!极空间Z2 Ultra图赏升级X86架构性能大提升!极空间Z2 Ultra图赏升级X86架构性能大提升!极空间Z2 Ultra图赏升级X86架构性能大提升!极空间Z2 Ultra图赏

    10月23日,极空间正式推出全新双盘位nas产品——极空间z2 ultra,官方售价为1899元,参与国家补贴后仅需1457元,性价比进一步提升。 此次发布的Z2 Ultra最大的亮点在于采用X86架构处理器,相较以往使用的ARM平台,性能实现飞跃式提升,运行速度显著加快。更重要的是,新架构对Doc…

    2026年9月21日 • 用户投稿
    200
  • 数据库分库分表(Sharding)策略

    在现代应用程序中,随着数据量的增长,单一数据库的性能和容量往往难以满足需求。这时,数据库分库分表(Sharding)策略就成了一个关键的解决方案。那么,如何设计和实现一个有效的分库分表策略呢?让我们深入探讨一下。 在我的职业生涯中,我曾多次参与大型项目的数据库优化,其中分库分表是常见的挑战之一。我记…

    2026年9月21日
    000
  • 如何在Java中实现个人财务管理工具

    首先设计Transaction、FinanceManager和Budget核心类,实现交易记录、统计分析与预算控制功能,通过ArrayList管理数据,使用LocalDate处理日期,结合ObjectOutputStream持久化存储,初期采用Scanner构建控制台菜单实现增删查改与报表展示,后期…

    2026年9月21日
    000
  • Linux目录结构学习常见问题汇总

    Linux目录结构学习常见问题汇总Linux目录结构学习常见问题汇总Linux目录结构学习常见问题汇总Linux目录结构学习常见问题汇总

    Linux只有一个根目录,所有设备挂载于此,形成统一树状结构。根目录下各路径分工明确:/bin和/sbin分别存放用户与管理员命令;/etc集中配置文件;/home为用户家目录;/var存储日志等动态数据;/tmp用于临时文件;/usr存放系统程序,/usr/local供手动安装软件;/dev包含设…

    2026年9月21日 • 用户投稿
    000
  • VSCode的代码折叠功能好用吗?

    VSCode代码折叠功能支持多种方式:点击箭头、快捷键、命令面板及按区域类型折叠;可自定义基于缩进的折叠、默认层级和提示装饰器;集成语言服务后能智能识别JSX、Vue组件等结构,提升大型文件编辑效率。 VSCode 的代码折叠功能非常实用,尤其在处理大型文件或复杂结构时能显著提升阅读和编辑效率。 支…

    2026年9月21日
    100
  • X旗下Grok上线即时语音搜索,挑战Google引领搜索新方向

    近日,x平台旗下的ai助手grok正式推出了“即时语音搜索”功能。用户现在可以通过语音直接提问,触发实时网页检索,并迅速获得整合后的精准答案。此举意在优化信息获取流程,推动人机交互向更自然、高效的方向演进。 该语音搜索模式实现了“即说即搜即答”的流畅体验。例如,当用户提出“星舰发射的具体时间是什么?…

    2026年9月21日
    100
  • 如何备份VSCode的全部设置和扩展?

    备份VSCode全部设置和扩展需保存配置文件与扩展目录;2. 配置文件位于各系统指定路径的User文件夹内,包含settings.json和keybindings.json;3. 通过code –list-extensions导出扩展列表并用xargs批量重装可恢复扩展;4. 推荐直接复…

    2026年9月21日
    000
  • Laravel应用的安全审计(Security Audit)方法

    进行安全审计对laravel应用至关重要,因为它能发现并修复安全漏洞,提升整体安全性和用户信任度。具体方法包括:1. 代码审查,确保无未过滤输入和弱密码;2. 配置文件安全性,保护敏感信息;3. 依赖管理,更新第三方包;4. 用户认证和授权,防止未授权访问;5. 日志和监控,检测异常行为。 在讨论L…

    2026年9月21日
    100
  • Laravel 8 登录后重定向到仪表盘的全面指南

    本文深入探讨了 Laravel 8 中用户登录后重定向到仪表盘的多种策略。我们将详细解析默认的重定向机制,包括 LoginController 和 RedirectIfAuthenticated 中间件,并重点介绍如何通过自定义登录逻辑实现精确的重定向控制,同时提供示例代码和常见问题排查建议,确保用…

    2026年9月21日
    000
  • Guava Multimap:高效获取并打印指定键的所有关联值

    guava multimap是处理一键多值映射关系的强大工具。要获取特定键的所有关联值,应直接使用其提供的`multimap#get(k)`方法。该方法会返回一个包含所有匹配值的`collection`,即使键不存在,也会返回一个空集合而非`null`,从而简化了值检索和空值处理逻辑,是比手动迭代键…

    2026年9月21日
    000
  • 控制台命令(Console Command)开发

    控制台命令是程序员日常工作中不可或缺的工具,它提高了开发效率并帮助理解和控制程序运行。1) 通过简单的文本输入,完成复杂任务,如文件管理和系统监控。2) 控制台命令可用于快速调试、测试代码和自动化重复工作。3) 开发控制台命令时需注意安全性和兼容性问题。4) 控制台命令可实现有趣功能,如监控服务器资…

    2026年9月21日
    100
  • 链路追踪(OpenTelemetry/Jaeger)集成

    要将opentelemetry和jaeger集成到java应用中,需按以下步骤操作:1.配置jaeger exporter,2.初始化opentelemetry,3.创建并管理span。通过这种方式,你可以有效地追踪和分析微服务间的调用链路,提升系统性能。 在现代微服务架构中,链路追踪已经成为诊断和…

    2026年9月21日
    000
  • 怎样配置VSCode与Jest、Cypress等测试框架进行集成测试?

    首先安装Jest和Cypress插件及依赖,配置jest.config.js和.vscode/settings.json实现Jest自动运行,再通过launch.json添加Cypress调试配置,最后在package.json中定义统一脚本命令,使两者在VSCode中高效协同工作。 要在 VSCo…

    2026年9月21日
    000

发表回复

登录后才能评论
关注微信