继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

saluteY
关注TA
已关注
手记 42
粉丝 0
获赞 0

第一模块:

课程名称:直面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


第四模块:

http://img2.sycdn.imooc.com/6365212e0001640c18400841.jpg

http://img4.sycdn.imooc.com/636522f70001a3da13570842.jpg



打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP