初探原型prototype

最新推荐文章于 2023-02-27 19:36:22 发布

原创最新推荐文章于 2023-02-27 19:36:22 发布 · 105 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

23 篇文章

订阅专栏

本文解析了JavaScript中prototype属性的作用，以及实例对象如何通过__proto__属性与原型对象建立联系，强调了构造函数、原型对象及实例间的关联。

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

prototype是函数的一个属性( 只有函数才有 ) ，指向的是一个对象，称之为原型对象

function Person(){
    this.age=21;
    this.name='dj'
}
Person.prototype.head='liuhua';
var p=new Person();
var p2=new Person();
console.log(p.head);  //liuhua

通过类创建出来的p和p2两个实例对象互不相干，共有的东西放在原型对象上面。

那么实例是如何与原型对象建立联系的呢？

不卖关子了，是因为每个对象都有一个隐藏的属性__proto__ 它指向的是原型对象，每个对象又有一个constructor属性，指向它的构造函数。这几者之间的关系，请看下图...

注意：如果改变整个原型对象，会创建另一个对象，上一个也会保留

function Person(){
    this.age=21;
    this.name='dj'
}
Person.prototype.head='liuhua';
var p=new Person();

Person.prototype={xx:'xx'};

p.xx    //undefined
p.head   //liuhua  已经new出来的指向原来的，所以访问不到

//后面new 出来的就会改变，原型对象指向了一个新的对象
var p2=new Person() ;
p2.xx    //xx