2.借用构造函数继承(假的)

时间:2019-10-22
本文章向大家介绍2.借用构造函数继承(假的),主要包括2.借用构造函数继承(假的)使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
<body>
<!--
  方式2:借用构造函数继承(假的)
  1.套路:
    定义父类型构造函数
    定义子类型构造函数
    在子类型的构造函数中调用父类型构造
  2.关键
    1.在子类型构造函数中通过call()调用父类型构造函数
-->

  <script>
  function Person(name,age){
    this.name = name
    this.age = age
  }
  function Student(name,age,price){
    Person.call(this,name,age) //相当于:this.Person(name,age)
    //this.name = name
    //this.age = age
    this.price = price
  }
  var s = new Student('Tom',20,4000)
  console.log(s.name,a.age,s.price) //假的  //简化代码而已

  </script>
  
</body>

重点:用.call()和.apply()将父类构造函数引入子类函数(在子类函数中做了父类函数的自执行(复制))

    特点:1、只继承了父类构造函数的属性,没有继承父类原型的属性。

       3、可以继承多个构造函数属性(call多个)。

       4、在子实例中可向父实例传参。

    缺点:1、只能继承父类构造函数的属性。

       2、无法实现构造函数的复用。(每次用每次都要重新调用)

       3、每个新实例都有父类构造函数的副本,臃肿。

原文地址:https://www.cnblogs.com/lucy-xyy/p/11720591.html