深入理解JavaScript原型、原型链、继承。

  • 构造函数,原型对象,实例对象三者之间的关系
    在这里插入图片描述
    1.构造函数可以实例化对象
    2.构造函数中有一个prototype属性,是构造函数的原型对象
    3.原型对象(prototype)中有constructor构造器指向的是当前原型对象所在的构造函数
    4.实例对象的__proto__原型指向构造函数的prototype原型对象
    5.实例对象可以直接访问构造函数中原型对象的方法
    实例对象使用的属性或者方法现在实例对象中找,找不到则去实例对象所指向的原型对象中去找,找不到则报错。
    通过实例对象能否改变原型对象中的属性值?不能
    就想改变原型对象中属性的值,怎么办?直接通过原型对象.属性=值;可以改变

原型的指向改变

  //人的构造函数
    function Person(age) {
      this.age=18;
    }
    //人的原型对象方法
    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__原型来联系起来的,这个关系就是原型链

原型的最终指向

在这里插入图片描述

   //per实例对象的__proto__------->Person.prototype的__proto__---->Object.prototype的__proto__是null
    console.log(per.__proto__==Person.prototype);
    console.log(per.__proto__.__proto__==Person.prototype.__proto__);
    console.log(Person.prototype.__proto__==Object.prototype);
    console.log(Object.prototype.__proto__);

继承

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_41096520/article/details/83957916