• 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);


     
  • 相关阅读:
    【梦断代码】与我们队的相似之处
    梦断代码 之 你失败过吗
    梦断代码 之 程序人生
    C#中父类转换为子类
    C#中Dictionary泛型集合7种常见的用法
    Linux 常见命令 目录处理指令
    使用XSLT+XML生成网页
    我心目中的Asp.net核心对象
    配色速成
    VS.NET中JavaScript隐藏特性
  • 原文地址:https://www.cnblogs.com/jane-panyiyun/p/12155664.html
Copyright © 2020-2023  润新知