原型与原型链-优快云博客

本文链接：https://blog.youkuaiyun.com/CCWANGHAILONG/article/details/125211671

本文详细介绍了JavaScript中的原型和原型链概念，包括构造函数的prototype属性、对象的__proto__指针以及原型链的工作原理。通过实例解析了如何避免在构造函数中直接添加方法导致的内存浪费问题，提倡使用原型来添加共享方法，从而优化内存使用。同时，阐述了原型链的构成，从实例对象、构造函数到内置对象的__proto__指向，揭示了对象成员访问的查找机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接给构造函数中加个方法，这个行为会因为实例创建的越多而越占用内存。
浪费内存，因为每个实例都包含一模样的函数，并且每个函数的内存地址都不一样。
＋原型就可以解决构造函数中加方法而不用占用过多内存的问题
=>概念：每一个构造西数天生自带一个 prototype 属性，是一个对象数据类型。
=>概念：每一个对象天生自带一个属性,指向所属构造函数的 prototype。
=>概念：当你访问对象的成员的时候，首先在自己身上查找，如果没有，自动去到__proto__上查找。
＋如何解决问题
=>我们把需要添加给实例的方法，放在构造函数的原型(prototype )上。
=>就可以有实例进行访问使用。

function Person(name,age){
    this.name = name
    this.age = age
    //向实例对象上添加方法,这种是不可取的
    //this.sayHi = function() { console.log('hello world')}
}
//用原型来解决问题
Person.prototype.sayHi = function (){ console.log('hello world')}

+原型

=> 构造函数天生自带的一个prototype

=>作用：有构造函数添加方法，专门给实例对象使用。
------------------------------------------------分割钱------------------------------------------------------------------------

+原型链

问题1：实例对象身上的_proto_指向谁？
=>指向所属构造函数的 prototype
=>p1 所属的构造函数是 Person
=> p1.__proto__ 指向 Person.prototype
问题2：Person.prototype的_proto__指向谁？
=> Person.prototype 所属的构造函数是谁
=>因为 perosn.prototype 是一个对象数据类型(object)
=>在JS 内所有的 object 数据类型都是属于 object 这个内罝构造函数
=> person.prototype 是属于 object 这个内置构造函数的
=> Person.prototype 的_proto_指向 object.prototype.

问题3: Person 的 proto指向谁？

=> Person 是一个函数，函数本身也是一个对象，就会有__proto__。

=> 在JS内，所有的函数都是属于内置构造函数Function的实例。

=>Person.__proto__指向Function.prototype。
问题4：object.prototype 的proto指向谁？

=>Object.prototype 是一个对象数据类型，只要是对象，都是数据object这个内置构造函数的。

=>注意：Object.prototype 在JS内叫做顶级原型，不再有__proto__了。

=>Object.protorype 的__proto__指向空。
问题5: Object 的 __proto__指向谁？

=> Object 是一个内置构造函数，同时也是一个函数，同时也是一个对象。

=>在JS 内，所有的函数都属于内置构造函数Function的实例。

=>Object也是Function 的实例。

=>Object.__proto__指向Function.prototype

问题6：Function.prototype的__proto__指向谁？