美文网首页
javascript 如何实现继承

javascript 如何实现继承

作者: 飞鱼_JS | 来源:发表于2017-08-24 22:41 被阅读0次

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

    // 定义一个动物类
    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、构造函数继承
    3、实例继承
    4、拷贝继承
    5、组合继承

    相关文章

      网友评论

          本文标题:javascript 如何实现继承

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