js继承

• 定义实例的方法主要有两种：this.XXX = function(){} 和 function.prototype.XXX= function(){}
• 都至关于类的实例方法，只有new后才能使用，那有什么区别呢？
• 假如这两种方式定义的是同名函数，那么优先执行this定义的函数
• 但做为实例函数，若是定义在构造函数内部，每次实例化都要执行，显然在浪费内存，也不合理
• 若是要直接访问私有字段，应该使用特权方法
• 相反，若是不须要直接访问私有字段，应该使用prototype定义的方法，并且应该定义在构造函数外部。

原型链继承的特色
将父类的实例做为子类的原型
缺点：

• 来自原型对象的引用属性是全部实例共享的
• 建立子类实例时，没法向父类构造函数传参

其余：

• 构造继承：使用父类的构造函数来加强子类实例 =复制父类的实例属性给子类
• Animal.call(this);

缺点：

• 没法实现函数复用，每一个子类都有父类实例函数的副本，影响性能

组合起来

优势：

• 既是子类的实例，也是父类的实例
• 可传参
• 函数可复用

// Animal(构造函数)
    function Animal(info){
        if(!info){return;}
        this.init(info);
    };
    Animal.prototype={
        constructor:Animal,
        init:function(info){
            this.name = info.name;
        },
        sleep:function(){
            console.log(this.name+" is sleeping ");
        }
    }
    // Cat
    function Cat (){
         Animal.call(this);
         this.name =(name)?name:'tom';
         // this.sleep = function(){
         //     console.log(this.name+" is sleeping111111111 ");
         // }
    };
    // 将父类的实例做为子类的原型

   var info ={name:'Animal'};
   Cat.prototype = new Animal(info); //实例化1次
  
   // test code

   var cat = new Cat();//实例化2次
   // cat.name;
   console.log(cat.name);
   cat.sleep();
   console.log(cat instanceof Animal); // true
   console.log(cat instanceof Cat); //true

 据说比较完美的作法

 

// Animal(构造函数)
    function Animal(info){
        var info = (info)?info:{name:'Animal'};
        this.init(info);
    };
    Animal.prototype={
        constructor:Animal,
        init:function(info){
            this.name = info.name;
        },
        sleep:function(){
            console.log(this.name+" is sleeping ");
        }
    }
    // Cat
    function Cat (){
         Animal.call(this);
         // this.name =(name)?name:'tom';
         // this.sleep = function(){
         //     console.log(this.name+" is sleeping111111111 ");
         // }
    };
    // 只执行一次
   (function(){
       // 建立一个没有实例方法的类
       var Super = function(){};
       Super.prototype = Animal.prototype;
       Cat.prototype = new Super();

   })();
  
   // test code
   var cat = new Cat();//实例化2次
   // cat.name;
   console.log(cat.name);
   cat.sleep();
   console.log(cat instanceof Animal); // true
   console.log(cat instanceof Cat); //true

View Code