js——继承

1. 继承

   /**
    * 继承：类与类之间的关系，面向对象的语言的继承是为了服务多态的
    * js不是面向对象的语言，但是可以模拟面向对象，模拟继承----为了节省内存空间
    *
    * 继承；
    *
    * 原型作用：数据共享------为了节省内存空间
    * 原型作用：继承----------为了节省内存空间
    *
    * 原型继承：改变原型指向
    * 借用构造函数继承：主要解决属性继承问题----构造函数.call(this,属性)
    * 组合继承：原型继承+借用构造函数继承
    * 拷贝继承：就是把对象中需要共享的属性和方法，直接便利的方式复制到另一个对象中
    *
    */
     //要想继承就得先发生关系------继承通过原型来实现
   function Person(name,age,sex){
       this.name=name;
       this.age=age;
       this.sex=sex;
   }
   Person.prototype.play= function () {
       console.log("玩");
   };
   Person.prototype.eat= function () {
       console.log("吃");
   };
   
   function Student(score){
       this.score=score;
   }
   //原型指向发生改变------实现继承
   Student.prototype=new Person("小明",23,"男");
   Student.prototype.study= function () {
       console.log("学习");
   };
   var stu=new Student(100);
   console.log("学生继承人的属性");
   console.log(stu.name);
   console.log(stu.age);
   console.log(stu.sex);
   stu.eat();
   stu.play();
   console.log("学生自己的属性");
   console.log(stu.score);
   stu.study();
   console.dir(stu);
   

   为了数据共享，改变原型指向，做到了继承------通过改变原型指向实现的继承

   //缺陷：因为改变原型指向的同时实现继承，直接初始化了属性，继承过来的属性的值都是一样的，所以这就是问题
   
   //解决方案，继承的时候不用改变原型的指向，直接调用父级的构造函数的方式来为属性赋值就可以-----
   //借用构造函数：把要继承的父级构造函数拿过来，借用一下就可以
   //借用构造函数：构造函数。call（当前对象,属性）;----解决了属性继承，并且值不重复
   
   function Animal(name, weight) {
       this.name = name;
       this.weight = weight;
   }
   Animal.prototype.eat = function () {
       console.log("吃");
   };
   function Dog(name,weight,color) {
       Animal.call(this,name,weight);
       this.color = color;
   }
   Dog.prototype.play = function () {
       console.log("玩");
   };
   function Wang(name,weight,color,age) {
       Dog.call(this,name,weight,color);
       this.age = age;
   }
   Wang.prototype.bite = function () {
       console.log("咬人");
   };
   var wang1 = new Wang("w1","10kg","黑",12);
   console.log(wang1.name,wang1.weight,wang1.color,wang1.age);
   var wang2 = new Wang("w2","20kg","白",13);
   console.log(wang2.name,wang2.weight,wang2.color,wang2.age);
   var wang3 = new Wang("w3","30kg","灰",14);
   console.log(wang3.name,wang3.weight,wang3.color,wang3.age);
   
   //此时只继承了属性
   

2. 组合继承

   //原型实现继承
   //借用构造函数实现继承
   //组合继承：原型继承+借用构造函数继承
   function Person(name,age,sex){
       this.name=name;
       this.age=age;
       this.sex=sex;
   }
   Person.prototype.eat= function () {
       console.log("吃");
   };
   function Student(name,age,sex,score){
       Person.call(this,name,age,sex);//继承父级属性
       this.score=score;
   }
   Student.prototype=new Person();//继承父级方法
   Student.prototype.study= function () {
       console.log("学");
   };
   var stu1=new Student("小明",12,"男",87);
   console.log(stu1.name,stu1.age,stu1.sex,stu1.score);
   stu1.eat();
   stu1.study();
   var stu2=new Student("小蓝",13,"男",83);
   console.log(stu2.name,stu2.age,stu2.sex,stu2.score);
   stu2.eat();
   stu2.study();
   var stu3=new Student("小红",16,"女",90);
   console.log(stu3.name,stu3.age,stu3.sex,stu3.score);
   stu3.eat();
   stu3.study();
   

3. 拷贝继承

   //通过循环遍历的方式把一个对象中的属性和方法给另一个对象----------拷贝继承
   function Person(){
   
   }
   Person.prototype.age=10;
   Person.prototype.sex="男";
   Person.prototype.play= function () {
     console.log("困");
   };
   var obj2={};
   for(var key in Person.prototype){
       obj2[key]=Person.prototype[key];
   }
   console.dir(obj2);
   obj2.play();