建構函式的prototype與各種繼承

FrozenNoodle發表於2020-11-06
function Animal(){

    this.species = "小動物";

}
function Dog(name,age){

   this.name = name;

   this.age = age;

}

 1/apply 建構函式繫結

   function Dog(name,age){

    Animal.apply(this, arguments);

    this.name = name;

    this.age = age;

  }

  var Dog1 = new Dog("狼狗","3");

  alert(Dog1.species); // 小動物

2/prototype模式

   Dog.prototype = new Animal();

  Dog.prototype.constructor = Dog;

  var Dog1 = new Dog("大毛","黃色");

  alert(Dog1.species); // 動物

3/直接繼承prototype

   function Animal(){ }

  Animal.prototype.species = "小動物";


   Dog.prototype = Animal.prototype;

  Dog.prototype.constructor = Dog;

  var Dog1 = new Dog("哈士奇","5");

  alert(Dog1.species); // 小動物

4/利用空物件作為中介

   一是直接繼承
    var F = function(){};

  F.prototype = Animal.prototype;

  Dog.prototype = new F();

  Dog.prototype.constructor = Dog;

    二是寫一個公用的繼承方法
   function extend(Child, Parent){
        var F = function(){}
        F.prototype = Parent.protptype
        Child.prototype = new F()
        Child.prototype.constructor = Child
        
        Child.uber = Parent.prototype //以防萬一備用
    
    }


使用:
    extend(Dog,Animal);

  var Dog1 = new Dog("哈士奇","5");

  alert(Dog1.species); // 小動物

5/拷貝繼承


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



使用:
    extend2(Dog, Animal);

  var Dog1 = new Dog("藏獒","6");

  alert(Dog1.species); // 小動物

 

相關文章