摘要:為什么需要原型鏈為了實現(xiàn)繼承,具有相同特性的代碼不需要重復編寫,放在構造函數(shù)里面,實例化的對象都會擁有里面的屬性了,也就是可以共享屬性和方法。
一段簡單代碼引入
function Foo() {}; var f1 = new Foo();
1.概念簡單理解
Foo()是構造函數(shù),構造函數(shù)有一個prototype屬性
Foo.prototype 是f1的原型對象,有一個constructor屬性,指向該原型對象對應的構造函數(shù),即
Foo.prototype.constructor console.log(Foo.prototype.constructor === Foo);//true console.log(f1._proto_=== Foo.prototype);//true console.log(f1._proto_.constructor=== Foo);//true
f1是Foo的實例對象,自身沒有constructor屬性,但可以繼承原型對象的屬性,即
console.log(f1.constructor === Foo);//true console.log(f1.hasOwnProperty("constructor"));//false
2.結合demo
原型鏈是對于構造函數(shù)而言的,首先定義一個構造函數(shù),再實例化生成一個實例對象,可能在實例對象中沒有定義某個屬性,但是在構造函數(shù)中有,那么它就會往上(向構造函數(shù)中)查找,這個查找的過程就叫做原型鏈。
function Foo(){}; Foo.prototype.name = "ziziyaya"; var foo=new Foo(); console.log(foo.name); //ziziyaya
3.為什么需要原型鏈
為了實現(xiàn)繼承,具有相同特性的代碼不需要重復編寫,放在構造函數(shù)里面,實例化的對象都會擁有里面的屬性了,也就是可以共享屬性和方法。
function Dog() { this.eat = "food"; this.smell = "smart"; } let dog1 = new Dog(); let dog2 = new Dog(); dog1.name = "huang"; dog2.name = "hei"; console.log(dog1.name+","+dog1.eat+","+dog1.smell);//huang,food,smart console.log(dog2.name+","+dog2.eat+","+dog2.smell);//hei,food,smart
推薦文章:http://www.ruanyifeng.com/blo...
4.繼續(xù)往上引申--Foo.prototype的構造函數(shù)是Object(),原型對象是Object.prototype
console.log(Foo.prototype.__proto__ === Object.prototype);//true
實例對象Foo.prototype本身具有constructor屬性,所以它會覆蓋繼承自原型對象Object.prototype的constructor屬性
下面是自身沒有constructor屬性,繼承自原型對象的f1和 自身有constructor屬性覆蓋了原型對象的Foo.prototype 截圖對比
再往上引申 如果Object.prototype作為實例對象的話,其原型對象是什么,結果是null
附加一篇簡潔易懂的原型鏈理解的文章 http://www.cnblogs.com/shuiyi...
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://m.hztianpu.com/yun/93031.html
摘要:背景個人背景就讀于東北某普通二本院校計算機軟件工程專業(yè),現(xiàn)大四,北京實習前端方向,自學,技術棧時間背景大概是在月日準備好簡歷開始投遞秋招差不多已經(jīng)結束招聘崗位不多,投遞對象為大一些的互聯(lián)網(wǎng)公司事件背景第一個入職的是好未來的前端實習崗,待遇工 背景 個人背景 就讀于東北某普通二本院校計算機軟件工程專業(yè),現(xiàn)大四,北京實習 前端方向,自學,vue技術棧 時間背景 大概是在11月9日準備...
摘要:背景個人背景就讀于東北某普通二本院校計算機軟件工程專業(yè),現(xiàn)大四,北京實習前端方向,自學,技術棧時間背景大概是在月日準備好簡歷開始投遞秋招差不多已經(jīng)結束招聘崗位不多,投遞對象為大一些的互聯(lián)網(wǎng)公司事件背景第一個入職的是好未來的前端實習崗,待遇工 背景 個人背景 就讀于東北某普通二本院校計算機軟件工程專業(yè),現(xiàn)大四,北京實習 前端方向,自學,vue技術棧 時間背景 大概是在11月9日準備...
摘要:的面向?qū)ο笾饕藘蓧K創(chuàng)建對象繼承。構造函數(shù)一般來說,我們可以這樣定義構造函數(shù)構造函數(shù)的函數(shù)名常大寫在這里,我們沒有顯示的創(chuàng)建對象,沒有語句,卻將屬性和方法賦值給了。 面向?qū)ο笫擒浖_發(fā)方法。面向?qū)ο蟮母拍詈蛻靡殉搅顺绦蛟O計和軟件開發(fā),擴展到如數(shù)據(jù)庫系統(tǒng)、交互式界面、應用結構、應用平臺、分布式系統(tǒng)、網(wǎng)絡管理結構、CAD技術、人工智能等領域。面向?qū)ο笫且环N對現(xiàn)實世界理解和抽象的方法...
摘要:在創(chuàng)建子類實例時,不能向超類型的構造函數(shù)中傳遞參數(shù)。構造函數(shù)繼承子類傳進的值是基本思想是在子類構造函數(shù)的內(nèi)部調(diào)用超類或父類型構造函數(shù)。繼承保證構造函數(shù)指針指向如果想同時繼承多個,還可使用添加屬性的方式類繼承, OOP:Object Oriented Programming 面向?qū)ο缶幊獭?題外話:面向?qū)ο蟮姆秶鷮嵲谔?,先把這些大的東西理解理解。 1.什么是對象? 根據(jù)高程和權威指南上...
閱讀 2308·2021-11-23 09:51
閱讀 3785·2021-10-20 13:49
閱讀 1780·2021-09-06 15:13
閱讀 1883·2021-09-06 15:02
閱讀 3360·2021-09-02 15:11
閱讀 963·2019-08-29 15:37
閱讀 1804·2019-08-29 13:24
閱讀 2327·2019-08-29 11:28