js 原型鏈

JS原型鏈

　　emmmmm，我爲了寫這篇博客，看了很多別人寫的有關於原型鏈的介紹，我發現了最重要的點

1. 全部的類天生自帶一個屬性prototype[原型]，它是一個對象，【既然是一個對象，瀏覽器會默認開闢一個堆內存】
2. 在prototype【堆內存】當中，天生自帶一個屬性constructor【構造函數】，每一個構造函數(constructor)都有一個原型對象(prototype),原型對象都包含一個指向構造函數的指針,而實例(instance)都包含一個指向原型對象的內部指針.
3. 全部的對象天生自帶一個屬性__proto__【原型鏈】，他指向當前所屬類的原型
4. ※  「潛規則」 ： 若是想要引用對象（實例instance）的某個屬性，會先在對象內部尋找該屬性，知道找不到，而後再在該對象的原型（instance.prototype）裏去找這個屬性，層層向上直到null，mull沒有原型，並做爲原型鏈的最後一個環節

例子詳解：

　　　

achieve(){
			function Father(){
				this.property = true;
			}
			console.dir(Father)
			Father.prototype.getFatherValue = function(){
				return this.property;
			}
			function Son(){
				this.sonProperty = false;
			}
			//繼承 Father
			Son.prototype = new Father();                    //Son.prototype被重寫,致使Son.prototype.constructor也一同被重寫
			Son.prototype.getSonVaule = function(){
				return this.sonProperty;
			}
			var instance = new Son();
			console.log(instance)
			console.log(instance.sonProperty)		 //false
			console.log(instance.getFatherValue())           //true
			alert(instance.getFatherValue());                //true
			// instance實例經過原型鏈找到了Father原型中的getFatherValue方法.

		},

　　由於不是很懂，我給每一個地方都打印了一下，詳解見下圖~

　　

　　再次打印~~~

　　

　　兒子Son同理 而後就是兒子繼承了本身的父親，在兒子繼承父親class的時候，子類的__proto__ 屬性指向父類，子類的原型__proto__，也老是指向父類的prototype屬性，ES6中的class繼承多了一個Object.setPrototypeOf(Child, Parent) 的步驟，即 Child.__proto__ = Parent。

　　可是呢，兒子在繼承父類的時候，本身的son.prototype被重寫，致使了son.prototype.constructor也被重寫了

　　

最後打印結果

　　

　　這基本上就是走了一個流程圖 instance實例經過原型鏈找到了Father原型中的getFatherValue方法.

　　總結以下： 

　　　　var 對象 = new 函數()                                                              var instance = new Son（）

　　　　對象.__proto__ === 對象的構造函數.prototype                       instance.__proto__  === Son.prototype

　　　　Son 的原型對象是 Function 即 Son是Function的實例  那麼   Son.__proto__ == Function.prototype

　　__proto__屬性：在這個萬物皆對象的年代，每個對象都有屬性__proto__，這個對象會指向對象的原型

　　prototype屬性：萬物皆對象，萬物中固然也包括函數，函數也是一個對象，並且函數除了擁有__proto__屬性外，另外還有一個prototype屬性，這個函數的prototype屬性指向了一個對象，而這個對象是窵遠構造函數而建立的實例的原型，他通常生活在咱們的繼承中

　　在我認爲的二者之間的區別，顯而易見的就是  prototype是函數的內置屬性，_ proto_ 是對象的內置屬性，另外附上一個規則

　　　　1..全部的引用類型（數組、對象、函數）都具備對象特性，便可自由擴展屬性（除了「null」）

　　　　2..全部的引用類型（數組、對象、函數）都有一個 _proto_ 屬性(隱式原型屬性），屬性值是一個普通的對象

　　　　3..全部的函數，都有一個 prototype(顯式原型）屬性，屬性值也是一個普通的對象

　　　　4..全部的引用類型（數組、對象、函數）， _proto_ 屬性值(隱式原型屬性）指向它的構造函數的「prototype」屬性值，當試圖獲得一個對象的某個屬性時，若是這個對象自己沒有這個屬性，那麼會去它的_proto_(即它的構造函數的 prototype（顯式原型）)中尋找

　　this 是個啥？

　　　　1.誰最終調用函數，this指向誰。
　　　　　　①this指向的永遠只多是對象！！！
　　　　　　②this指向誰永遠不取決於this寫在哪，而是取決於函數在哪調用
　　　　　　③this指向的對象，稱之爲函數的上下文context，也叫函數的調用者

　　　　2.this指向的規律（與函數調用的方式息息相關）：
　　　　　　this指向的狀況，取決於函數調用方式有哪些，
　　　　　　①經過函數名()直接調用：this指向window    =>>>>> function func(){ }
　　　　　　②經過對象.函數名()調用的:this指向這個對象    =>>>>>func();
　　　　　　③函數經過數組的一個元素，經過數組下標調用的，this指向這個數組    var arr=[func,1,2,3];arr[0]();
　　　　　　④函數做爲window內置函數的回調函數調用時，this指向window如setTimeout setInterval 等    setTimeout(func,1000);
　　　　　　⑤函數做爲構造函數用new關鍵字調用時，this指向新new出的對象。  var obj = new func();