Javascript之原型链

2022-05-07 22:57:11

1:构造函数

function Person(){
    this.name=‘jeff‘;
    this.sing=function(){
        console.log(‘sing‘)
    }
}

构造函数存在一个问题，实化化的时候无法共享属性或方法

2:Prototype原型

函数拥有prototype
2.1原型是什么？原型是一个对象,称为原型对象

Person.prototype
{say: ?, constructor: ?}
构造函数的原型对象可以实现共享

Person.prototype.movie=function(){
    console.log(‘movie‘)
}

2.2 原型作用是什么？
共享方法
Person.prototype.say=function(){
console.log(‘say‘)
}

3:实例对象

对象捅有__proto__属性

因为实例对象的__proto__属性指向的是原型对象（Person.prototype）, 所以p1,p2对象的__proto__属性都是指向原型对象，
p1.__proto__===Person.prototype

并且可以使用原型对象（Person.prototype）里面的方法

4:原型对象修改
如果对原型进行了如下赋值，需要手动指定constructor

Person.prototype={
    sing=function(){
         console.log(‘sing‘)
    },
     movie=function(){
         console.log(‘movie‘)
    }
}

此时Person的原型对象constructor已丢失

所以如果用这种赋值，需要手动指定construnctor对象

码农公寓