zoukankan      html  css  js  c++  java
  • Javascript继承2:创建即继承----构造函数继承

    //声明父类
    function SuperClass(id){
        //值类型公有属性
        this.id = id;
        //引用类型公有属性
        this.books = ['Html','Css'];
    }
    //父类声明原型方法
    SuperClass.prototype.showBooks = function(){
        console.log(this.books)
    }
    //声明子类
    function ChildClass(id){
        //继承父类
        SuperClass.call(this,id)
    }
    
    var child1 = new ChildClass(1)
    var child2 = new ChildClass(2)
    child1.books.push('设计模式');
    console.log(child1.id)    //1
    console.log(child1.books) //['Html','Css','设计模式'];
    console.log(child2.id)    //2
    console.log(child2.books) //['Html','Css'];
    
    child1.showBooks()          //TypeErrr
    /*
    * SuperClass.call(this,id)是构造函数继承的精华,call可以改变函数的作用域环境,
    * 因此在子类中对父类调用这个方法,就是将子类的变量在父类中执行一遍,由于父类中是给
    * this绑定属性的,因此子类也就继承了父类的公有属性,由于这种方法没有涉及原型prototype
    * 所以父类原型方法不会被子类继承,如果想要被继承就必须放在构造函数中,这样创建出来
    * 的每个实例都会单独拥有一份而不能共用,这样就违背了代码服用的原则。
    * 为了综合这两种模式的优点,有了组合式继承。
    */

     设计模式中的经典笔录

  • 相关阅读:
    费用流
    平面最近点对
    纸牌均分问题
    cdq分治模板
    费解的开关
    斐波那契和排列组合性质
    主席树
    Springboot使用EasyExcel(仅限自己收藏)
    vue项目中h5移动端中通过flex布局实现首尾固定,中间滚动(借鉴)
    vue路由参数的获取、添加和替换
  • 原文地址:https://www.cnblogs.com/-walker/p/9737380.html
Copyright © 2011-2022 走看看