目錄
- 原型介紹
- 初識原型
- 創(chuàng)建規(guī)則
- 初識Object
- 初識Function
- "prototype"和"_proto_"混淆分析
- 原型鏈
- 總結(jié)及相關(guān)推薦
原型是JavaScript中一個比較難理解的概念，原型相關(guān)的屬性也比較多，對象有”[[prototype]]”屬性，函數(shù)對象有”prototype”屬性，原型對象有”constructor”屬性。
初識原型
在JavaScript中，原型也是一個對象，通過原型可以實現(xiàn)對象的屬性繼承，
JavaScript的對象中都包含了一個”[[Prototype]]”內(nèi)部屬性，這個屬性所對應的就是該對象的原型。
“[[Prototype]]”作為對象的內(nèi)部屬性，是不能被直接訪問的。所以為了方便查看一個對象的原型，
Firefox和Chrome中提供了__proto__這個非標準（不是所有瀏覽器都支持）的訪問器
（ECMA引入了標準對象原型訪問器”O(jiān)bject.getPrototype(object)”）。(CODE TEST)
在JavaScript的原型對象中，還包含一個”constructor”屬性，這個屬性對應創(chuàng)建所有指向該原型的實例的構(gòu)造函數(shù)
規(guī)則
在JavaScript中，每個函數(shù) 都有一個prototype屬性，當一個函數(shù)被用作構(gòu)造函數(shù)來創(chuàng)建實例時，
這個函數(shù)的prototype屬性值會被作為原型賦值給所有對象實例（也就是設(shè)置 實例的`__proto__`屬性），
也就是說，所有實例的原型引用的是函數(shù)的prototype屬性。(****`只有函數(shù)對象才會有這個屬性!`****)
new 的過程分為三步 (CODE TEST)
var p = new Person('張三',20);
var p={}; 初始化一個對象p。
p._proto_=Person.prototype;，將對象p的 _proto_ 屬性設(shè)置為 Person.prototype
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 {}”這個原型對象。反過來，
當訪問”O(jiān)bject.prototype”對象的”constructor”這個屬性的時候，就得到了Obejct函數(shù)。
另外，當通過”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屬性，該屬性將對應”function () {}”對象。
Function對象作為一個對象，就有__proto__屬性，該屬性對應”Function.prototype”，
也就是說，”Function._proto_ === Function.prototype”
在這里對”prototype”和”proto”進行簡單的介紹：
對于所有的對象，都有__proto__屬性，這個屬性對應該對象的原型
對于函數(shù)對象，除了__proto__屬性之外，還有prototype屬性，當一個函數(shù)被用作構(gòu)造函數(shù)來創(chuàng)建實例時，
該函數(shù)的prototype屬性值將被作為原型賦值給所有對象實例（也就是設(shè)置實例的__proto__屬性）
原型鏈##
因為每個對象和原型都有原型，對象的原型指向原型對象，
而父的原型又指向父的父，這種原型層層連接起來的就構(gòu)成了原型鏈。
屬性查找##
當查找一個對象的屬性時，JavaScript 會向上遍歷原型鏈，直到找到給定名稱的屬性為止，
到查找到達原型鏈的頂部（也就是 Object.prototype），如果仍然沒有找到指定的屬性，就會返回 undefined。
function Person(name, age){
this.name = name;
this.age = age;
}
Person.prototype.MaxNumber = 9999;
Person.__proto__.MinNumber = -9999;
var will = new Person("Will", 28);
console.log(will.MaxNumber);
// 9999
console.log(will.MinNumber);
// undefined
在這個例子中分別給”Person.prototype “和” Person.proto”這兩個原型對象添加了”MaxNumber “和”MinNumber”屬性，
這里就需要弄清”prototype”和”proto”的區(qū)別了。
“Person.prototype “對應的就是Person構(gòu)造出來所有實例的原型，也就是說”Person.prototype “屬于這些實例原型鏈的一部分，
所以當這些實例進行屬性查找時候，就會引用到”Person.prototype “中的屬性。
對象創(chuàng)建方式影響原型鏈##
var July = {
name: "張三",
age: 28,
getInfo: function(){
console.log(this.name + " is " + this.age + " years old");
},
}
console.log(July.getInfo());
當使用這種方式創(chuàng)建一個對象的時候，原型鏈就變成下圖了
July對象的原型是”O(jiān)bject.prototype”也就是說對象的構(gòu)建方式會影響原型鏈的形式。
綜圖所述##
所有的對象都有__proto__屬性，該屬性對應該對象的原型
所有的函數(shù)對象都有prototype屬性，該屬性的值會被賦值給該函數(shù)創(chuàng)建的對象的_proto_屬性
所有的原型對象都有constructor屬性，該屬性對應創(chuàng)建所有指向該原型的實例的構(gòu)造函數(shù)
函數(shù)對象和原型對象通過prototype和constructor屬性進行相互關(guān)聯(lián)
