原型是JavaScript中一個比較難理解的概念，原型相關的屬性也比較多，對象有”prototype”屬性，函數對象有”prototype”屬性，原型對象有”constructor”屬性。一、初識原型在JavaScript中，原型也是一個對象，通過原型可以實現對象的屬性繼承，JavaScript的對象中都包含了一個”[[Prototype]]”內部屬性，這個屬性所對應的就是該對象的原型。“[[Prototype]]”作爲對象的內部屬性，是不能被直接訪問的。所以爲了方便查看一個對象的原型，Firefox和Chrome中提供了__proto__這個非標準（不是所有瀏覽器都支持）的訪問器（ECMA引入了標準對象原型訪問器”Object.getPrototype(object)”）。在JavaScript的原型對象中，還包含一個”constructor”屬性，這個屬性對應創建所有指向該原型的實例的構造函數二、規則在JavaScript中，每個函數
都有一個prototype屬性，當一個函數被用作構造函數來創建實例時，這個函數的prototype屬性值會被作爲原型賦值給所有對象實例（也就是設置 實例的`__proto__`屬性），也就是說，所有實例的原型引用的是函數的prototype屬性。(****`只有函數對象纔會有這個屬性!`****)new 的過程分爲三步 ?1var p = new Person('張三',20);1. var p={}; 初始化一個對象p。2. p._proto_=Person.prototype;，將對象p的 __proto__
屬性設置爲 Person.prototype3. Person.call(p,”張三”,20);調用構造函數Person來初始化p。關於call/apply使用三、初識ObjectObject對象本身是一個函數對象。(CODE TEST) 既然是Object函數，就肯定會有prototype屬性，所以可以看到”Object.prototype”的值就是”Object {}”這個原型對象。反過來，當訪問”Object.prototype”對象的”constructor”這個屬性的時候，就得到了Obejct函數。另外，當通過”Object.prototype._proto_”獲取Object原型的原型的時候，將會得到”null”，也就是說”Object
{}”原型對象就是原型鏈的終點了。四、初識Function如上面例子中的構造函數，JavaScript中函數也是對象，所以就可以通過_proto_查找到構造函數對象的原型。Function對象作爲一個函數，就會有prototype屬性，該屬性將對應”function () {}”對象。Function對象作爲一個對象，就有__proto__屬性，該屬性對應”Function.prototype”，也就是說，”Function._proto_ === Function.prototype”。在這裏對“prototype”和“proto”進行簡單的介紹：對於所有的對象，都有__proto__屬性，這個屬性對應該對象的原型.對於函數對象，除了__proto__屬性之外，還有prototype屬性，當一個函數被用作構造函數來創建實例時，該函數的prototype屬性值將被作爲原型賦值給所有對象實例（也就是設置實例的__proto__屬性）原型鏈結構圖原型鏈因爲每個對象和原型都有原型，對象的原型指向原型對象，而父的原型又指向父的父，這種原型層層連接起來的就構成了原型鏈。一、屬性查找當查找一個對象的屬性時，JavaScript
會向上遍歷原型鏈，直到找到給定名稱的屬性爲止，到查找到達原型鏈的頂部（也就是 Object.prototype），如果仍然沒有找到指定的屬性，就會返回 undefined。?123456789function 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”的區別了。“Person.prototype “對應的就是Person構造出來所有實例的原型，也就是說”Person.prototype
“屬於這些實例原型鏈的一部分，所以當這些實例進行屬性查找時候，就會引用到”Person.prototype “中的屬性。對象創建方式影響原型鏈?12345678var July = { name: "張三", age: 28, getInfo: function(){ console.log(this.name + " is " + this.age + " years old"); } } console.log(July.getInfo()); 當使用這種方式創建一個對象的時候，原型鏈就變成下圖了. July對象的原型是”Object.prototype”也就是說對象的構建方式會影響原型鏈的形式。{}對象原型鏈結構圖綜圖所述1.
所有的對象都有__proto__屬性，該屬性對應該對象的原型.2. 所有的函數對象都有prototype屬性，該屬性的值會被賦值給該函數創建的對3. 象的_proto_屬性.4. 所有的原型對象都有constructor屬性，該屬性對應創建所有指向該原型的實例的構造函數.5. 函數對象和原型對象通過prototype和constructor屬性進行相互關聯.以上就會關於JS原型、原型鏈的詳細內容介紹，希望對大家的學習有所幫助。
