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

Posted 2021-03-18 jane_panyiyun

借用构造函数

 

为了数据共享, 改变原型指向, 做到了继承---通过改变原型指向实现的继承

缺陷: 因为改变原型指向的同时实现继承, 直接初始化了属性，继承过来的属性的值都是一样的了, 所以,这就是问题

只能重新调用对象的属性进行重新赋值

 

 

解决方案:

继承的时候, 不用改变原型的指向, 直接调用父级的构造函数的方式来为属性赋值就可以了------

借用构造函数: 把要继承的父级的构造函数拿过来, 使用一下就可以了

 

缺陷：

借用构造函数:构造函数名字.call(当前对象,属性,属性,属性....);

解决了属性继承,并且值不重复的问题

缺陷: 父级类别中的方法不能继承

 

    function Person(name, age, sex, weight) {
      this.name = name;
      this.age = age;
      this.sex = sex;
      this.weight = weight;
    }
    Person.prototype.sayHi = function () {
      console.log("您好");
    };
    function Student(name, age, sex, weight, score) {
      //借用构造函数
      Person.call(this, name, age, sex, weight);
      this.score = score;
    }
    var stu1 = new Student("小明", 10, "男", "10kg", "100");
    console.log(stu1.name, stu1.age, stu1.sex, stu1.weight, stu1.score);

    var stu2 = new Student("小红", 20, "女", "20kg", "120");
    console.log(stu2.name, stu2.age, stu2.sex, stu2.weight, stu2.score);

    var stu3 = new Student("小丽", 30, "妖", "30kg", "130");
    console.log(stu3.name, stu3.age, stu3.sex, stu3.weight, stu3.score);