資訊專欄INFORMATION COLUMN
摘要：首先數(shù)組會找自己的方法沒有找到，就會沿著屬性繼續(xù)到構(gòu)造函數(shù)的里找方法如果還是沒有找到，再繼續(xù)往的即找方法，最后找到方法。而這構(gòu)成的鏈就是原型鏈。
面向?qū)ο螅好嫦驅(qū)ο蟆⒃?br>對原型、原型鏈、 Function、Object 的理解
什么是 JS 原型鏈？
轉(zhuǎn)載以上文章
面向?qū)ο缶幊?OOP)是一種基于“對象”概念的編程范式。該對象包含數(shù)據(jù)（屬性），以及一些執(zhí)行過程的代碼（即方法）。對象的一個特性是，調(diào)用對象的方法過程可以訪問并經(jīng)常修改與其關(guān)聯(lián)的對象的數(shù)據(jù)字段(對象具有“this”或“self”的概念)。
2、面向?qū)ο蟮乃悸罚?/b>把某個功能看成一個整體（對象），通過調(diào)用對象的某個方法來啟動功能。在用的時候不去考慮這個對象內(nèi)部的實現(xiàn)細節(jié)，在去實現(xiàn)這個對象細節(jié)的時候不用管誰在調(diào)用
3、例子面向?qū)ο蟮膶懛? Car.擰鑰匙() Car.掛擋() Car.踩油門()二、構(gòu)造對象 1、代碼
通過new 函數(shù)名("參數(shù)，參數(shù)")得到一個對象，就相當(dāng)于這個對象就是這個函數(shù)構(gòu)造出來的，這個對象是函數(shù)的實例
function Person(name) {
this.name = name
this.sayName = function() {
console.log(this.name)
}
}
var p = new Person("hunger")
2、instanceof
instanceof是一個操作符，可以判斷對象是否為某個函數(shù)的實例
p1 instanceof Person; // true p1 instanceof Object;// true
instanceof判斷的是對象，非對象的數(shù)據(jù)不能判斷
1 instanceof Number; // false3、構(gòu)造函數(shù)的過程
創(chuàng)建一個空對象 {}，假設(shè)名字是 tmpObj，并空對象的__proto__特性指向函數(shù)的prototype屬性
執(zhí)行 Person 函數(shù)，執(zhí)行過程中對 this 操作就是對 tmpObj 進行操作
函數(shù)執(zhí)行完后返回剛剛創(chuàng)建的 tmpObj
把 tmpObj 賦值給 p (p也指向同一個對象)
4、構(gòu)造函數(shù)的原型鏈1、對函數(shù)使用new表達式就是構(gòu)造函數(shù)
2、每個函數(shù)都有名稱為prototype屬性，叫做原型，是一個對象
3、每個對象都有一個內(nèi)部屬性 _proto_(規(guī)范中沒有指定這個名稱，但是瀏覽器都這么實現(xiàn)的) 指向其類型的prototype屬性，類的實例也是對象，其__proto__屬性指向“類”的prototype
4、所有實例（對象）都會通過原型鏈引用到類型（函數(shù)）的prototype（原型），prototype相當(dāng)于特定類型所有實例都可以訪問到的一個公共容器，一般用來共同調(diào)用的函數(shù)
總結(jié)：
我們通過函數(shù)定義了類Person，類（函數(shù)）自動獲得屬性prototype
每個類的實例都會有一個內(nèi)部屬性__proto__，指向類的prototype屬性
默認情況下，我們寫構(gòu)造函數(shù)是不需要return的，構(gòu)造函數(shù)自動將this代表的對象返回出來！
但如果我們寫了return語句，如果return是基本類型，會被認為寫錯了無效。obj1和2還是this代表的對象。如果return是對象，那構(gòu)造的對象就等于return后面的對象。
//obj1={a:1,b:2} obj2={a:1,b:2}
所有數(shù)組都是由Array這個函數(shù)構(gòu)建的。數(shù)組的所有方法都是Array.prototype或者他們的原型鏈上面的。當(dāng)我們直接賦值的方式生成一個數(shù)組的時候，就相當(dāng)于直接用new Array的方法構(gòu)建一個對象
Array函數(shù)也是由object函數(shù)構(gòu)建的Array instanceof Object===true
數(shù)組可以調(diào)用valueof這個方法，但valueof這個方法不在Array.protototype內(nèi)而是在object.prototype內(nèi)。
首先 a數(shù)組 會找自己的 valueof方法；沒有找到，就會沿著__proto__ 屬性繼續(xù)到構(gòu)造函數(shù) Array 的 prototype 里找 valueof 方法；如果還是沒有找到，再繼續(xù)往 Array.prototype 的 proto 即 Object.prototype 找 valueof 方法，最后找到 valueof 方法。
總結(jié)：一個對象調(diào)用其方法，先在自己的自由屬性內(nèi)去找，找不到就去原型上去找，如果原型內(nèi)也找不到，就到原型的原型上去找，直到找到該方法。而這構(gòu)成的鏈就是原型鏈。如下圖
2、關(guān)于原型鏈的規(guī)律總結(jié)當(dāng) new 一個函數(shù)的時候會創(chuàng)建一個對象，『函數(shù).prototype』 等于 『被創(chuàng)建對象.__proto__』
一切函數(shù)都是由 Function 這個函數(shù)創(chuàng)建的，所以『Function.prototype === 被創(chuàng)建的函數(shù).__proto__』
一切函數(shù)的原型對象都是由 Object 這個函數(shù)創(chuàng)建的，所以『Object.prototype ===
一切函數(shù).prototype.__proto__』
建議閱讀若愚老師這邊文章里面的例子，鞏固印象對原型、原型鏈、 Function、Object 的理解
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/100731.html
摘要：不理解沒關(guān)系，下面會結(jié)合圖例分析上一篇高級程序設(shè)計筆記創(chuàng)建對象下一篇高級程序設(shè)計筆記繼承參考之原型鏈的解讀三張圖搞懂的原型對象與原型鏈繼承與原型鏈 文章直接從原型圖解開始的，如果對一些概念不太清除，可以結(jié)合后面幾節(jié)查看 1. 圖解原型鏈 1.1 鐵三角關(guān)系（重點） function Person() {}; var p = new Person(); showImg(https://s...
摘要：繼承原型鏈如果構(gòu)造函數(shù)或?qū)ο蟮脑椭赶驑?gòu)造函數(shù)或?qū)ο?，的原型再指向?gòu)造函數(shù)或?qū)ο?，以此類推，最終的構(gòu)造函數(shù)或?qū)ο蟮脑椭赶虻脑汀? 繼承 原型鏈 如果構(gòu)造函數(shù)或?qū)ο驛的原型指向構(gòu)造函數(shù)或?qū)ο驜，B的原型再指向構(gòu)造函數(shù)或?qū)ο驝，以此類推，最終的構(gòu)造函數(shù)或?qū)ο蟮脑椭赶騉bject的原型。由此形成了一條鏈狀結(jié)構(gòu)，被稱之為原型鏈。按照上述的描述，在B中定義的屬性或方法，可以在A中使用并不需要...
摘要：雖然在腳本中沒有標(biāo)準(zhǔn)的方式訪問，但在每個對象上都支持一個屬性，用于訪問其構(gòu)造函數(shù)的原型對象。說的是構(gòu)造函數(shù)和原型對象之間的關(guān)系，說的是實例對象和原型對象之間的關(guān)系。 前言 在 segmentfault 上看到這樣一道題目： var F = function(){}; Object.prototype.a = function(){}; Function.prototype.b = fu...
摘要：繼承和前面兩篇文章中的知識非常相關(guān)，如果對函數(shù)創(chuàng)建原理和原型鏈不熟悉，請猛戳高級程序設(shè)計筆記創(chuàng)建對象高級程序設(shè)計筆記原型圖解繼承，通俗的說，就是將自身不存在的屬性或方法，通過某種方式為自己所用文章分別介紹原型鏈繼承繼承借用構(gòu)造函數(shù)繼承組合繼 繼承和前面兩篇文章中的知識非常相關(guān)，如果對函數(shù)創(chuàng)建原理和原型鏈不熟悉，請猛戳：《javascript高級程序設(shè)計》筆記：創(chuàng)建對象《javascri...
摘要：高程讀書筆記第六章理解對象創(chuàng)建自定義對象的方式有創(chuàng)建一個實例，然后為它添加屬性和方法。創(chuàng)建了自定義的構(gòu)造函數(shù)之后，其原型對象默認只會取得屬性至于其他方法都是從繼承而來的。 JS高程讀書筆記--第六章 理解對象 創(chuàng)建自定義對象的方式有創(chuàng)建一個Object實例，然后為它添加屬性和方法。還可用創(chuàng)建對象字面量的方式 屬性類型 ECMAScript在定義只有內(nèi)部采用的特性時，描述了屬性的各種特征...
閱讀 3550·2021-11-22 15:22
閱讀 3338·2019-08-30 15:54
閱讀 2732·2019-08-30 15:53
閱讀 824·2019-08-29 11:22
閱讀 3543·2019-08-29 11:14
閱讀 2084·2019-08-26 13:46
閱讀 2219·2019-08-26 13:24
閱讀 2283·2019-08-26 12:22
