原型是JavaScript中一個比較難理解的概念括改，原型相關(guān)的屬性也比較多腻豌，對象有”prototype”屬性，函數(shù)對象有”prototype”屬性嘱能，原型對象有”constructor”屬性吝梅。
一、初識原型
在JavaScript中惹骂，原型也是一個對象苏携，通過原型可以實現(xiàn)對象的屬性繼承，JavaScript的對象中都包含了一個”[[Prototype]]”內(nèi)部屬性对粪，這個屬性所對應(yīng)的就是該對象的原型右冻。
“[[Prototype]]”作為對象的內(nèi)部屬性，是不能被直接訪問的著拭。所以為了方便查看一個對象的原型纱扭，F(xiàn)irefox和Chrome中提供了proto這個非標(biāo)準(zhǔn)（不是所有瀏覽器都支持）的訪問器（ECMA引入了標(biāo)準(zhǔn)對象原型訪問器”O(jiān)bject.getPrototype(object)”）。在JavaScript的原型對象中儡遮，還包含一個”constructor”屬性乳蛾，這個屬性對應(yīng)創(chuàng)建所有指向該原型的實例的構(gòu)造函數(shù)
二、規(guī)則
在JavaScript中鄙币，每個函數(shù) 都有一個prototype屬性屡久，當(dāng)一個函數(shù)被用作構(gòu)造函數(shù)來創(chuàng)建實例時，這個函數(shù)的prototype屬性值會被作為原型賦值給所有對象實例（也就是設(shè)置 實例的__proto__屬性）爱榔，也就是說被环，所有實例的原型引用的是函數(shù)的prototype屬性。(****只有函數(shù)對象才會有這個屬性!****)
new 的過程分為三步
????var p =newPerson('張三',20);
1.var p={}; 初始化一個對象p详幽。
2.p.proto=Person.prototype;筛欢，將對象p的proto屬性設(shè)置為 Person.prototype
3.Person.call(p,”張三”,20);調(diào)用構(gòu)造函數(shù)Person來初始化p浸锨。關(guān)于call/apply使用
三、初識Object
Object對象本身是一個函數(shù)對象版姑。(CODE TEST) 既然是Object函數(shù)柱搜，就肯定會有prototype屬性，所以可以看到”O(jiān)bject.prototype”的值就是”O(jiān)bject {}”這個原型對象剥险。反過來聪蘸，當(dāng)訪問”O(jiān)bject.prototype”對象的”constructor”這個屬性的時候，就得到了Obejct函數(shù)表制。
另外健爬，當(dāng)通過”O(jiān)bject.prototype._proto_”獲取Object原型的原型的時候，將會得到”null”么介，也就是說”O(jiān)bject {}”原型對象就是原型鏈的終點了娜遵。
四、初識Function
如上面例子中的構(gòu)造函數(shù)壤短，JavaScript中函數(shù)也是對象设拟，所以就可以通過proto查找到構(gòu)造函數(shù)對象的原型。
Function對象作為一個函數(shù)久脯，就會有prototype屬性纳胧，該屬性將對應(yīng)”function () {}”對象。
Function對象作為一個對象帘撰，就有proto屬性躲雅，該屬性對應(yīng)”Function.prototype”，也就是說骡和，”Function.proto=== Function.prototype”相赁。
在這里對“prototype”和“proto”進(jìn)行簡單的介紹：
對于所有的對象，都有proto屬性慰于，這個屬性對應(yīng)該對象的原型.
對于函數(shù)對象钮科，除了proto屬性之外，還有prototype屬性婆赠，當(dāng)一個函數(shù)被用作構(gòu)造函數(shù)來創(chuàng)建實例時绵脯，該函數(shù)的prototype屬性值將被作為原型賦值給所有對象實例（也就是設(shè)置實例的proto屬性）
原型鏈
因為每個對象和原型都有原型，對象的原型指向原型對象休里，
而父的原型又指向父的父蛆挫，這種原型層層連接起來的就構(gòu)成了原型鏈。
一妙黍、屬性查找
當(dāng)查找一個對象的屬性時悴侵，JavaScript 會向上遍歷原型鏈，直到找到給定名稱的屬性為止拭嫁，到查找到達(dá)原型鏈的頂部（也就是 Object.prototype）可免，如果仍然沒有找到指定的屬性抓于，就會返回 undefined。
????functionPerson(name, age){
????????this.name = name;
????????this.age = age;??
????}?
????Person.prototype.MaxNumber =9999;
????Person.__proto__.MinNumber =-9999;
????varwill =newPerson("Will",28);
????console.log(will.MaxNumber);// 9999
????console.log(will.MinNumber);// undefined
在這個例子中分別給”Person.prototype “和” Person.proto”這兩個原型對象添加了”MaxNumber “和”MinNumber”屬性浇借，這里就需要弄清”prototype”和”proto”的區(qū)別了捉撮。
“Person.prototype “對應(yīng)的就是Person構(gòu)造出來所有實例的原型，也就是說”Person.prototype “屬于這些實例原型鏈的一部分妇垢，所以當(dāng)這些實例進(jìn)行屬性查找時候巾遭，就會引用到”Person.prototype “中的屬性。
對象創(chuàng)建方式影響原型鏈
????varJuly = {
????????name:"張三",
????age:28,
????getInfo:function(){
console.log(this.name +" is "+this.age +" years old");
}
????}
????console.log(July.getInfo());
當(dāng)使用這種方式創(chuàng)建一個對象的時候闯估，原型鏈就變成下圖了. July對象的原型是”O(jiān)bject.prototype”也就是說對象的構(gòu)建方式會影響原型鏈的形式灼舍。
綜圖所述
所有的對象都有proto屬性，該屬性對應(yīng)該對象的原型.
所有的函數(shù)對象都有prototype屬性睬愤，該屬性的值會被賦值給該函數(shù)創(chuàng)建的對3. 象的proto屬性.
所有的原型對象都有constructor屬性，該屬性對應(yīng)創(chuàng)建所有指向該原型的實例的構(gòu)造函數(shù).
函數(shù)對象和原型對象通過prototype和constructor屬性進(jìn)行相互關(guān)聯(lián).
以上就會關(guān)于JS原型纹安、原型鏈的詳細(xì)內(nèi)容介紹尤辱，希望對大家的學(xué)習(xí)有所幫助。
