第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

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

標(biāo)簽:
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



點擊查看更多內(nèi)容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學(xué)習(xí),寫下你的評論
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學(xué)

大額優(yōu)惠券免費領(lǐng)

立即參與 放棄機會
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

舉報

0/150
提交
取消