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

Posted jane_panyiyun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS高级---借用构造函数相关的知识,希望对你有一定的参考价值。

借用构造函数

 

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

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

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

解决方案:

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

 

缺陷:

借用构造函数:构造函数名字.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);


 

 

 

 

以上是关于JS高级---借用构造函数的主要内容,如果未能解决你的问题,请参考以下文章

js继承之组合继承(结合原型链继承 和 借用构造函数继承)

JS继承之借用构造函数继承和组合继承

js继承之借用构造函数继承

js继承之借用构造函数继承

js中实现继承的方法

js中继承的实现,原型链的知识点归纳,借用构造函数,组合继承(伪经典继承)