微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

深入理解js原型链

零到壹度
发布： 2018-04-04 14:31:28
原创
3361人浏览过

这篇文章主要介绍了深入理解js原型链,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

1、原型链：实例对象和原型对象之间的关系，这种关系通过原型（_proto_）来联系的

实例对象的原型_proto_指向的是该对象所在的构造函数的原型对象

构造函数的原型对象（prototype）指向如果改变了，实例对象的原型（_proto_）指向也会发生改变


实例化Person对象并将其赋值给student的原型，那么student的原型对象（prototype）指向改变了，其实例化对象stu跟着改变，所以SayHi无法使用，eat可以使用

2、实例对象指向 object对象中的_proto_  为null

每个原型对象prototype都有自己的_proto_,而该_proto_又指向object，object的prototype的_proto_为null，因此实例对象最终指向为null  任何函数的_proto_都指向object的_proto_；

3、改变原型指向之后添加方法，否则添加无效

               

             

文心大模型
文心大模型

百度飞桨-文心大模型 ERNIE 3.0 文本理解与创作

文心大模型 56
查看详情 文心大模型

同理在同一构造函数中：

      

                 

注：原型prototype是一个原型对象，指向改变之后添加方法就是在这个对象上添加不会报错

4、实例对象访问这个属性，应该先从实例对象中找，找到了就直接用  ；

    找不到就去指向的原型对象中找，找到了就使用

输出  男  （实例对象中已经定义男）

改变实例的属性：per.sex=女，此时再次访问就是  女

以上就是深入理解js原型链的详细内容，更多请关注php中文网其它相关文章！

相关标签：
javascript Object NULL 构造函数 JS 对象 prototype

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：ajax基本通用代码有哪些 下一篇：浅析JS垃圾收集机制和内存管理
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
全栈项目怎么做单元测试_全栈JavaScript项目单元测试框架与实践教程 全栈项目单元测试需分层覆盖前端、后端与数据库逻辑。前端使用Jest+ReactTestingLibrary测试组件交互，如按钮点击后文本变化；后端采用Jest+Supertest验证API接口行为，如GET请求返回200状态码；数据库层通过mock模型方法隔离数据访问，避免连接真实数据库，确保测试快速且可重复。
2025-11-12 22:16:02
908
JS数组如何统计元素个数_JavaScript数组元素计数与出现频率统计方法 统计数组元素个数用length，特定值出现次数可用filter，所有元素频率推荐reduce生成对象，复杂类型适合Map处理。
2025-11-12 22:15:02
575
js不同类型的工厂函数 基础、私有状态、可配置、组合式工厂函数是JavaScript中常见的四种模式，分别适用于创建固定结构对象、隐藏数据、动态定制行为及多功能组合场景。
2025-11-12 22:13:03
346
使用JavaScript实现一个简单的Markdown解析器_javascript工具 答案是实现一个支持标题、粗体、斜体、链接和换行的轻量级Markdown解析器，使用正则表达式将Markdown语法转换为HTML标签，并通过转义防止注入，适合学习和基础应用。
2025-11-12 21:53:29
244
Js值传递和引用传递的不同 基本类型参数传递时复制值，函数内修改不影响外部；对象类型传递引用地址，修改属性会影响外部对象，但重新赋值参数不影响原引用。
2025-11-12 21:49:02
503
前端JS怎样调用Spring定时调度任务_前端JS调用Spring定时调度任务的实现步骤 答案：前端无法直接调用Spring定时任务，但可通过接口触发相同逻辑。具体步骤为：1.将@Scheduled中的业务逻辑提取到Service类中；2.定时任务通过@Scheduled注解自动执行该方法；3.创建REST接口调用同一Service方法；4.前端使用fetch等发送请求触发任务。需注意添加权限控制，防止未授权访问。
2025-11-12 21:43:02
525
js观察者模式和订阅模式的区别 观察者模式中主体直接通知观察者，两者存在耦合；发布订阅模式通过事件中心解耦，发布者与订阅者无直接依赖，通信更灵活。
2025-11-12 21:39:31
947
Mongoose _id字段自定义为Number类型：实现与验证 本教程详细指导如何在Mongoose中将_id字段自定义为Number类型，并实现严格的正整数验证。通过创建自定义SchemaType，确保_id的数据完整性。同时，文章将深入探讨MongoDB/Mongoose环境下_id字段自增长的实现策略，指出仅定义类型无法自动生成序列号，需要额外的业务逻辑支持，例如利用独立的计数器集合。
2025-11-12 21:24:07
804
JS插件如何兼容多个浏览器_JavaScript跨浏览器插件兼容性解决方案 通过特性检测而非浏览器检测来统一API接口，优先使用标准方法并为旧版IE提供回退方案；2.封装跨浏览器事件绑定函数以兼容不同事件模型；3.使用Polyfill补全老浏览器缺失的JS方法；4.借助Babel等构建工具转译ES6+语法，并通过.browserslistrc配置目标环境，实现从IE到现代浏览器的广泛兼容。
2025-11-12 21:21:03
135
JavaScript JIT编译原理 JavaScript引擎通过JIT技术边运行边优化，先解析代码为AST，再生成字节码由解释器执行，同时收集类型反馈；当函数被频繁调用成为热点代码时，触发Baseline编译器进行低级优化，随后TurboFan根据类型推测进行深度优化，如内联和冗余消除；若类型假设失败则触发去优化回退到解释执行；内联缓存通过记录对象隐藏类和属性偏移加速属性访问；多级编译架构平衡启动速度与执行效率，使JavaScript在动态弱类型特性下仍能接近原生性能。
2025-11-12 21:19:21
357
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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

  • PHP学习

  • 技术支持

  • 返回顶部