美文网首页
面向对象继承的五种方法

面向对象继承的五种方法

作者: 刘宏儿 | 来源:发表于2019-02-27 10:10 被阅读0次

    1.call或apply

    function Cat(name,color){
    
        Animal.call(this);//改变一个Animal的指向
    
        this.name = name;
    
        this.color = color;
      }
    
      var cat1 = new Cat("大毛","黄色");
      alert(cat1.species); // 动物
    
    

    这种办法的缺点是只能拿到构造函数内部的属性和方法(即只能拿到私有属性)

    2.使用prototype属性

     Cat.prototype = new Animal();//Animal里的prototype属性的对象和方法会被实例对象继承
    
      Cat.prototype.constructor = Cat;//每一个实例对象都有一个constructor属性指向它的构造函数,要将Animal的改为Cat
    
      var cat1 = new Cat("大毛","黄色");
    
      alert(cat1.species); // 动物
    
    

    缺点:把私有的和公共的全部放在了子构造函数的原型对象

    3.第二种方法的改进,直接将prototype赋值

    Cat.prototype = Animal.prototype;
    
      Cat.prototype.constructor = Cat;
    
      var cat1 = new Cat("大毛","黄色");
    
      alert(cat1.species); // 动物
    

    缺点:存在引用关系,相当于浅拷贝

    4.利用空对象作为中介(最终选择的)

    var F = function(){};
    
      F.prototype = Animal.prototype;
    
      Cat.prototype = new F();
    
      Cat.prototype.constructor = Cat;
    
    

    F是空对象,所以几乎不占内存。这时,修改Cat的prototype对象,就不会影响到Animal的prototype对象。
    允许父级影响子集,不允许子集影响父级

    5.拷贝继承

    function extend2(Child, Parent) {
    
        var p = Parent.prototype;
    
        var c = Child.prototype;
    
        for (var i in p) {
    
          c[i] = p[i];
    
          }
      }
    
    

    利用for循环将子元素一个一个拷贝,深拷贝,这种方法在复杂的时候不适用

    相关文章

      网友评论

          本文标题:面向对象继承的五种方法

          本文链接:https://www.haomeiwen.com/subject/rwmthqtx.html