本文介绍了JavaScript中的原型对象概念，包括每个函数的prototype属性、原型对象在内存中的存储方式以及如何通过原型对象节省内存。此外，阐述了实例、构造函数和原型对象之间的关系，并详细解析了原型链的工作原理，探讨了从实例对象到Object.prototype的链式结构，旨在深入理解JavaScript的继承机制。
一、原型对象是什么
- 每一个函数都有一个prototype属性
- prototype是一个常量存储在栈中
- prototype这个常量存储的是一个地址
- 这个地址指向堆中的一个对象
- 这个对象就是函数的原型对象
二、用原型对象节省内存
- 构造函数在实例化一个对象的时候会在堆中开辟一块内存区域
- 在这块内存中存储实例的属性变量与属性方法
- 所有的实例的属性方法其实功能是一样的，也就是同样功能的函数占用了大量空间
- 将构造函数中的方法提取出来，将这个方法添加到原型对选上
- 实例出来的对象会继承原型对象的方法，实例对象可以使用原型对象上的方法
- 原型对选的方法只在堆中开辟一次内存空间，所有实例都可以使用，节省了内存
三、实例、构造函数、原型对象之间的关系
- 构造函数有一个prototype属性指向原型对象
- 原型对象有一个constructor属性指向构造函数
- 实例有一个__proto__属性指向构造函数的prototype属性
- 所以呢，实例的__proto__属性就指向原型对象
- 实例.__proto__ == 构造函数.prototype,都指向原型对象
四、原型链
- 实例对象的__proro__属性指向原型对象
- 原型对象也有__proto__属性，指向自己的原型对象
- 原型对象的原型对象也有__proto__属性，指向自己的原型对象
- 原型对象的原型对象的原型对象也有自己的.....
- ...的原型对象的....的原型对象指向Object
- Object的__proto__属性等于null
- 从实例对象的__proto__一直指向下一个最后到Object的__proto__指向null
- 这样的链式结构称之为原型链
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
