• javascript继承(五)—prototype最优两种继承(空函数和循环拷贝)


    一、利用空函数实现继承

    参考了文章javascript继承—prototype属性介绍(2)叶小钗的评论,对这篇文章中的方案二利用一个空函数进行修改,可以解决创建子类对象时,父类实例化的过程中特权属性和特权方法,私有属性,私有方法的空耗资源问题。

    function Person(name,age){
        this.name = name;
        this.age = age;
    }
    Person.prototype = {
        constructor:Person,
        sayHi:function(){
            alert('hi');
        }
    }
    
    function Student(name,age,grade){
        Person.call(this,name,age);
        this.grade = grade;
    }
    
    function Empty(){}
    Empty.prototype = Person.prototype;
    
    Student.prototype = new Empty();
    Student.prototype.constructor = Student;
    
    var p1 = new Person('xiaoming',10);
    var s1 = new Student('xiaohong',9,3);
    console.log(p1);//Person { name="xiaoming", age=10, sayHi=function()}
    console.log(s1);//Student {name="xiaohong", age=9, grade=3, 更多...}
    console.log(p1.constructor);//Person(name,age) 父类的实例指向仍是父类
    console.log(s1.constructor);//Student(name,age,grade) //子类的实例指向仍是子类

    这种情况下修改Student的prototype就不会影响到Person的prototype对象了,并且,因为直接将Person的prototype赋给Empty的prototype,所以不会存在特权属性(实例属性)浪费资源的问题。这样利用空函数就能很好的解决共有方法的继承问题了。当然这时Student.prototype中的constructor是Person,所以最好加上Student.prototype.constructor = Student转换过来。

    二、利用循环遍历拷贝的方法实现继承

    同样对于文章javascript继承—prototype属性介绍(2)中的方案三,其实这是一种拷贝的方法,将父类所有的共有方法拷贝到子类中去。

    function Person(name,age){
        this.name = name;
        this.age = age;
    }
    Person.prototype = {
        constructor:Person,
        sayHi:function(){
            alert('hi');
        }
    }
    
    function Student(name,age,grade){
        Person.call(this,name,age);
        this.grade = grade;
    }
    
    for(var i in Person.prototype){Student.prototype[i] = Person.prototype[i]}
    Student.prototype.constructor = Student;
    Student.prototype.study = function(){
        alert('study');
    }
    var p1 = new Person('xiaoming',10);
    var s1 = new Student('xiaohong',9,3);
    console.log(p1);//Person { name="xiaoming", age=10, sayHi=function()}
    console.log(s1);//Student { name="xiaohong", age=9, grade=3, 更多...}
    console.log(p1.constructor);//Person(name,age) 父类的实例指向仍是父类
    console.log(s1.constructor);//Student(name,age,grade) //子类的实例指向仍是子类

    这种方法直接将父类的共有方法利用遍历的模式拷贝到子类中去。这样就避免了子类实例直接指向父类的问题,也不会出现修改子类的共有方法,对父类产生了影响。也算一种比较完美的继承。

    当然,这里主要探讨了js里共有方法的继承实现问题。对于属性的继承主要用的call方法(也可以看成将父类的构造函数绑定到子类中去)暂时先不探讨了。

  • 相关阅读:
    windows环境下ElasticSearch6 安装head插件
    画流程图挺好的软件---visio
    Spring AOP使用注解记录用户操作日志
    通用mapper版+SpringBoot+MyBatis框架+mysql数据库的整合
    chrony 时间同步服务器
    Python面试题
    新认知丨认知信念决定学习能力
    Ubuntu18、Ubuntu16、Ubuntu14更新源
    让人头疼的时候最有创造力
    安卓学习(2)
  • 原文地址:https://www.cnblogs.com/lj915/p/3783415.html
Copyright © 2020-2023  润新知