为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
JavaScript

第一模块:

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


第四模块:

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

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



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消