【金秋打卡】第十一天 js 继承2

第一模块：

课程名称：直面JavaScript中的30个疑难杂症

章节：8-5~9-1

讲师名称：公明2020

第二模块:

父类
function Person(name){
    this.name=name;
    this.sum=function(){
            console.log(this.name);   
    }
}
Person.prototype.age=10;// 给构造函数添加了原型属性

• 原型式继承：用一个函数包装一个对象，然后返回这个函数的调用，这个函数就变成了个可以随意增添属性的实例或对象。object.create()就是这个原理。

　特点：类似于复制一个对象，用函数来包装。

    缺点：1、所有实例都会继承原型上的属性。

              2、无法实现复用。（新实例属性都是后面添加的）

function deoFun(obj){
        function Con(){}
        Con.prototype=obj;//继承了传入的参数
        return new Con();//返回函数对象
}
var obj=new Person();//拿到父类实例    
var obj1=content(obj);
console.log(obj1.age);//10 继承了父类函数的属性

• 构造函数继承：就是给原型式继承外面套了个壳子。

        优点：没有创建自定义类型，因为只是套了个壳子返回对象（这个），这个函数顺理成章就成了创建的新对象。

        缺点：没用到原型，无法复用

function deoFun(obj){
  function Con(){}
  Con.prototype=obj;//继承了传入的参数
  return new Con();//返回函数对象
}
var sub=new Person();
//给原型式继承再套个壳子传递参数    
function subObj(obj){
    var sub=content(obj);
    sub.name='gun';
    return sub;
}
var sub2=subObj(sub);
console.log(typeof subObj);//function
console.log(typeof sub2);// object
console.log(sub2.name);//gun

• 寄生组合式继承：

  寄生式：在函数内返回对象然后调用

  组合式：1、函数的原型等于另一个实例。2、在函数中用apply或者call引入另一个构造函数，可传参　

  修复了组合继承的问题

//寄生
function deoFun(obj){
  function Con(){}
  Con.prototype=obj;//继承了传入的参数
  return new Con();//返回函数对象
}   
var deo=deoFun(Person.prototype);
// 组合
function Sub(){
    Person.call(this);
}
Sub.prototype=deo;// 继承了deo实例；
con.constructor=Sub;    
var sub3=new Sub();
// sub的实例就继承了构造函数属性，父类实例，con的函数属性
console.log(sub3.age)//10

第四模块：