理解原型链
下面这张图一定多看几遍,看不懂的话,请对照下面我的理解,一条条深入分析。
自己对上图的理解:
- f1,f2是构造函数Foo的实例(这里还可以考察new的过程)
- f1,f2的原型f1._proto和他们的构造函数Foo的原型对象Foo.prototype指向同一内存地址
- 构造函数Foo的原型对象Foo.prototype也是一个对象(构造函数Object的实例),所以也有原型_proto_,它和Object的原型对象Object.prototype指向同一内存地址
- Object是构造函数,Object.prototype也是对象,其原型_proto_指向null(不存在)
- Function也是构造函数,Function.prototype也是对象,其原型_proto_和Object的原型对象Object.prototype指向同一内存地址;
- JS支持使用Function动态创建一个新的Function对象,也就是函数对象。如const Func = new Function('a', 'b', 'return a + b');等价于function Func(a,b){return a+b;}
- 构造函数Foo,Object,Function,都是Function的函数对象(即Function的实例对象,但比较特殊,他们也是函数),所以他们都有Foo._proto_,Object._proto,Function._proto,他们和Function.prototype指向同一内存地址
- 总结一:普通对象如foo,去找属性的时候,查找原型链的过程:foo._proto_=>Foo.prototype=>Foo.prototype._proto_=>Object.prototype
- 总结二:函数对象如Foo,Object,Function,查找原型链的过程:Foo._proto_=>Function.prototype=>Function.prototype._proto_=>Object.prototype
分类:
JavaScript
标签:
原型链
, javascript
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤