原型是JAVAScript中一個(gè)比較難理解的概念，原型相關(guān)的屬性也比較多，對(duì)象有”prototype”屬性，函數(shù)對(duì)象有”prototype”屬性，原型對(duì)象有”constructor”屬性。
一、初識(shí)原型
在JavaScript中，原型也是一個(gè)對(duì)象，通過原型可以實(shí)現(xiàn)對(duì)象的屬性繼承，JavaScript的對(duì)象中都包含了一個(gè)”[[Prototype]]”內(nèi)部屬性，這個(gè)屬性所對(duì)應(yīng)的就是該對(duì)象的原型。
“[[Prototype]]”作為對(duì)象的內(nèi)部屬性，是不能被直接訪問的。所以為了方便查看一個(gè)對(duì)象的原型，F(xiàn)irefox和Chrome中提供了__proto__這個(gè)非標(biāo)準(zhǔn)（不是所有瀏覽器都支持）的訪問器（ECMA引入了標(biāo)準(zhǔn)對(duì)象原型訪問器”Object.getPrototype(object)”）。在JavaScript的原型對(duì)象中，還包含一個(gè)”constructor”屬性，這個(gè)屬性對(duì)應(yīng)創(chuàng)建所有指向該原型的實(shí)例的構(gòu)造函數(shù)
二、規(guī)則
在JavaScript中，每個(gè)函數(shù)都有一個(gè)prototype屬性，當(dāng)一個(gè)函數(shù)被用作構(gòu)造函數(shù)來創(chuàng)建實(shí)例時(shí)，這個(gè)函數(shù)的prototype屬性值會(huì)被作為原型賦值給所有對(duì)象實(shí)例（也就是設(shè)置實(shí)例的`__proto__`屬性），也就是說，所有實(shí)例的原型引用的是函數(shù)的prototype屬性。(****`只有函數(shù)對(duì)象才會(huì)有這個(gè)屬性!`****)
new 的過程分為三步：
var p = new Person('張三',20);
1. var p={}; 初始化一個(gè)對(duì)象p。
2. p._proto_=Person.prototype;，將對(duì)象p的 __proto__ 屬性設(shè)置為 Person.prototype
3. Person.call(p,”張三”,20);調(diào)用構(gòu)造函數(shù)Person來初始化p。
三、初識(shí)Object
Object對(duì)象本身是一個(gè)函數(shù)對(duì)象。
既然是Object函數(shù)，就肯定會(huì)有prototype屬性，所以可以看到”Object.prototype”的值就是”Object{}”這個(gè)原型對(duì)象。反過來，當(dāng)訪問”Object.prototype”對(duì)象的”constructor”這個(gè)屬性的時(shí)候，就得到了Obejct函數(shù)。
另外，當(dāng)通過”Object.prototype._proto_”獲取Object原型的原型的時(shí)候，將會(huì)得到”null”，也就是說”Object {}”原型對(duì)象就是原型鏈的終點(diǎn)了。
四、初識(shí)Function
如上面例子中的構(gòu)造函數(shù)，JavaScript中函數(shù)也是對(duì)象，所以就可以通過_proto_查找到構(gòu)造函數(shù)對(duì)象的原型。
Function對(duì)象作為一個(gè)函數(shù)，就會(huì)有prototype屬性，該屬性將對(duì)應(yīng)”function () {}”對(duì)象。
Function對(duì)象作為一個(gè)對(duì)象，就有__proto__屬性，該屬性對(duì)應(yīng)”Function.prototype”，也就是說，”Function._proto_ === Function.prototype”。
如若轉(zhuǎn)載，請(qǐng)注明出處：開源字節(jié)
https://sourcebyte.cn/article/149.html
