JS高级---原型指向可以改变和原型链

Posted jane_panyiyun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS高级---原型指向可以改变和原型链相关的知识,希望对你有一定的参考价值。

原型指向可以改变和原型链

 

实例对象的原型__proto__指向的是该对象所在的构造函数的原型对象

构造函数的原型对象(prototype)指向如果改变了, 实例对象的原型(__proto__)指向也会发生改变

原型的指向是可以改变的

实例对象和原型对象之间的关系是通过__proto__原型来联系起来的,这个关系就是原型链

 

图示如下

 

 

 

代码观测console理解

    //人的构造函数
    function Person(age) {
      this.age=10;
    }
    //人的原型对象方法
    Person.prototype.eat=function () {
      console.log("人的吃");
    };
    //学生的构造函数
    function Student() {

    }
    Student.prototype.sayHi=function () {
      console.log("嗨,小苏你好帅哦");
    };
    //学生的原型,指向了一个人的实例对象
    Student.prototype=new Person(10);
    var stu=new Student();
    stu.eat();
    stu.sayHi();

    //原型指向可以改变
    //实例对象的原型__proto__指向的是该对象所在的构造函数的原型对象
    //构造函数的原型对象(prototype)指向如果改变了,实例对象的原型(__proto__)指向也会发生改变

    //原型的指向是可以改变的
    //实例对象和原型对象之间的关系是通过__proto__原型来联系起来的,这个关系就是原型链

 

以上是关于JS高级---原型指向可以改变和原型链的主要内容,如果未能解决你的问题,请参考以下文章

原型和原型链 —javascript面向对象高级

js原型链和继承的理解

JS高级---借用构造函数

js 高级 原型与原型链

JS--高级

JS高级部分