javascript如何实现继承

秒速五厘米 2023-06-18 03:59 1阅读 0赞

既然要实现继承，那么首先我们得有一个父类，代码如下：

// 定义一个动物类
    function Animal (name) { 
      // 属性
      this.name = name || 'Animal';
      // 实例方法
      this.sleep = function(){ 
        console.log(this.name + '正在睡觉！');
      }
    }
    // 原型方法
    Animal.prototype.eat = function(food) { 
      console.log(this.name + '正在吃：' + food);
    };

###### (1)原型链继承 ######

**核心： 将父类的实例作为子类的原型**

function Cat(){  
    }
    Cat.prototype = new Animal();
    Cat.prototype.name = 'cat';
    //　Test Code
    var cat = new Cat();
    console.log(cat.name);
    console.log(cat.eat('fish'));
    console.log(cat.sleep());
    console.log(cat instanceof Animal); //true 
    console.log(cat instanceof Cat); //true

###### (2)构造继承 ######

**核心：使用父类的构造函数来增强子类实例，等于是复制父类的实例属性给子类（没用到原型）**

function Cat(name){ 
      Animal.call(this);
      this.name = name || 'Tom';
    }
    // Test Code
    var cat = new Cat();
    console.log(cat.name);
    console.log(cat.sleep());
    console.log(cat instanceof Animal); // false
    console.log(cat instanceof Cat); // true

###### (3)实例继承 ######

**核心：为父类实例添加新特性，作为子类实例返回**