繼承

1. 構(gòu)造函數(shù)繼承

 問題:原型上的方法或者屬性茂蚓,無法繼承
    function Fn() {
        this.name = "zhangsan",
        this.age = 12
        this.eat = function () {
        console.log("eat")
        }
    }
    Fn.prototype.sleep = function () {
        console.log("sleep")
    } // 無法繼承
    function F() {
        // console.log(this)
        // Array.prototype.join.call(obj,'-') / Array.prototype.join.apply(obj,['-'])
        Fn.call(this)
    }
        var fn = new Fn()
        console.log(fn)
        var f = new F()
        console.log(f.sleep())

重點(diǎn):用.call()和.apply()將父類構(gòu)造函數(shù)引入子類函數(shù)(在子類函數(shù)中做了父類函數(shù)的自執(zhí)行(復(fù)制))

特點(diǎn):1剪芥、只繼承了父類構(gòu)造函數(shù)的屬性垄开,沒有繼承父類原型的屬性。

2税肪、解決了原型鏈繼承缺點(diǎn)1说榆、2虚吟、3寸认。

3签财、可以繼承多個(gè)構(gòu)造函數(shù)屬性(call多個(gè))。

4偏塞、在子實(shí)例中可向父實(shí)例傳參唱蒸。

缺點(diǎn):1、只能繼承父類構(gòu)造函數(shù)的屬性灸叼。

2神汹、無法實(shí)現(xiàn)構(gòu)造函數(shù)的復(fù)用。(每次用每次都要重新調(diào)用)

3古今、每個(gè)新實(shí)例都有父類構(gòu)造函數(shù)的副本屁魏,臃腫。

2捉腥、 原型繼承

  問題: 共用一個(gè)原型對象氓拼,導(dǎo)致誰修改原型對象的值,其余對象都會被更改
    function Fn() {
        this.name = "zhangsan"
        this.age = 12
        this.color = ["yellow", "pink"]
        this.eat = function () {
            console.log("eat")
        }
    }
    Fn.prototype.sleep = function () {
        console.log("sleep")
    }
    function F() {
    }
    F.prototype = new Fn()
    var f = new F()
    var f1 = new F()
    f.color.push("black")

    console.log(f1.color)

重點(diǎn):讓新實(shí)例的原型等于父類的實(shí)例抵碟。

特點(diǎn):1桃漾、實(shí)例可繼承的屬性有:實(shí)例的構(gòu)造函數(shù)的屬性,父類構(gòu)造函數(shù)屬性拟逮,父類原型的屬性撬统。(新實(shí)例不會繼承父類實(shí)例的屬性!)

缺點(diǎn):1敦迄、新實(shí)例無法向父類構(gòu)造函數(shù)傳參恋追。

2、繼承單一罚屋。

3苦囱、所有新實(shí)例都會共享父類實(shí)例的屬性。(原型上的屬性是共享的沿后,一個(gè)實(shí)例修改了原型屬性沿彭,另一個(gè)實(shí)例的原型屬性也會被修改!)

3尖滚、組合方式繼承:

function Fn() {
    this.name = "zhangsan"
    this.age = 12
    this.color = ["yellow", "pink"]
    this.eat = function () {
        console.log("eat")
        }
    }
    function F() {
        Fn.call(this)
    }
    F.prototype = Object.create(Fn.prototype)
    // F.prototype = Fn.prototype.constructor === Fn
    F.prototype.constructor = F

    var f = new F()
    var f1 = new F()
    f.color.push("black")
    console.log(f1.color)

    function FCC() { }
    //instanceof 用來
    console.log(f instanceof FCC) //true
    console.log(f instanceof Fn)    //true
    console.log(typeof 1)       //numeber

重點(diǎn):結(jié)合了兩種模式的優(yōu)點(diǎn)喉刘,傳參和復(fù)用

特點(diǎn):1、可以繼承父類原型上的屬性漆弄,可以傳參睦裳,可復(fù)用。

2撼唾、每個(gè)新實(shí)例引入的構(gòu)造函數(shù)屬性是私有的廉邑。

缺點(diǎn):調(diào)用了兩次父類構(gòu)造函數(shù)(耗內(nèi)存),子類的構(gòu)造函數(shù)會代替原型上的那個(gè)父類構(gòu)造函數(shù)。

  • instanceof運(yùn)算符的左邊是實(shí)例對象蛛蒙,右邊是構(gòu)造函數(shù)糙箍。它會檢查右邊構(gòu)建函數(shù)的原型對象(prototype),是否在左邊對象的原型鏈上牵祟。因此深夯,上面兩種寫法是等價(jià)的。
  • instanceof運(yùn)算符只能用于對象诺苹,不適用原始類型的值咕晋。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市收奔,隨后出現(xiàn)的幾起案子掌呜,更是在濱河造成了極大的恐慌,老刑警劉巖坪哄,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件质蕉,死亡現(xiàn)場離奇詭異,居然都是意外死亡损姜,警方通過查閱死者的電腦和手機(jī)饰剥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來摧阅,“玉大人汰蓉,你說我怎么就攤上這事“艟恚” “怎么了顾孽?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長比规。 經(jīng)常有香客問我若厚,道長,這世上最難降的妖魔是什么蜒什? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任测秸,我火速辦了婚禮,結(jié)果婚禮上灾常,老公的妹妹穿的比我還像新娘霎冯。我一直安慰自己,他們只是感情好钞瀑,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布沈撞。 她就那樣靜靜地躺著,像睡著了一般雕什。 火紅的嫁衣襯著肌膚如雪缠俺。 梳的紋絲不亂的頭發(fā)上显晶,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天,我揣著相機(jī)與錄音壹士,去河邊找鬼磷雇。 笑死,一個(gè)胖子當(dāng)著我的面吹牛墓卦,可吹牛的內(nèi)容都是我干的倦春。 我是一名探鬼主播,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼落剪,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了尿庐?” 一聲冷哼從身側(cè)響起忠怖,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎抄瑟,沒想到半個(gè)月后凡泣,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡皮假,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年鞋拟,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片惹资。...
    茶點(diǎn)故事閱讀 38,716評論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡贺纲,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出褪测,到底是詐尸還是另有隱情猴誊,我是刑警寧澤,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布侮措,位于F島的核電站懈叹,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏分扎。R本人自食惡果不足惜澄成,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望畏吓。 院中可真熱鬧墨状,春花似錦、人聲如沸庵佣。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽巴粪。三九已至通今,卻和暖如春粥谬,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背辫塌。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工漏策, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人臼氨。 一個(gè)月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓掺喻,卻偏偏與公主長得像,于是被迫代替她去往敵國和親储矩。 傳聞我的和親對象是個(gè)殘疾皇子感耙,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,612評論 2 350

推薦閱讀更多精彩內(nèi)容