深入解析JavaScript 原型繼承

JavaScript 原型繼承，學習js面向對象的朋友可以看看。十分的全面細緻，具有一定的參考價值，對此有需要的朋友可以參考學習下。如有不足之處，歡迎批評指正。

Object.prototype JavaScript是基於原型繼承的，任何對象都有一個prototype屬性。Object.prototype是所有對象的根，並且不可改變。 

Object.prototype=null; 
alert(Object.prototype);//[object Object] 

Object與Object.prototype Object繼承於Object.prototype,增加一個屬性給Object.prototype上，同時也會反應到Object上。如： 

Object.prototype.nameStr="Object Prototype"; 
Object.prototype.getName=function(){return this.nameStr}; 
alert(Object.getName());//Object Prototype 

Function.prototype與Object.prototype 由於Object.prototype是萬物之根，所以Function.prototype也同時會繼承Object.prototype的所有屬性。如： 

Object.prototype.nameStr="Object Prototype"; 
Object.prototype.getName=function(){return this.nameStr}; 
alert(Function.prototype.getName());//Object Prototype 

Object/Function/String/Number/Boolean/Array與Date

Object/Function/String/Number/Boolean/Array與Date都是函數，函數又繼承於Function.prototype, 所以更改Function.prototype一樣會影響到Object/Function/String/Number/Boolean/Array與Date。如： 

Function.prototype.initType='Function Type'; 
Function.prototype.getType=function(){return this.initType}; 
//alert(Object.getType());//Function Type 
//alert(Date.getType());//Function Type 
//alert(Number.getType());//Function Type 
//alert(String.getType());//Function Type 
//alert(Boolean.getType());//Function Type 
alert(Array.getType());//Function Type 

同樣Function.prototype也會把所受Object.prototype的影響，傳遞給它的下一層級。如： 

Object.prototype.nameStr="Object Prototype"; 
Object.prototype.getName=function(){return this.nameStr}; 
alert(Function.prototype.getName());//Object Prototype 
alert(Array.getName());//Object Prototype 
//歡迎加入前端全棧開發交流圈一起學習交流：864305860
alert(Boolean.prototype.getName());//Object Prototype 
//歡迎加入前端全棧開發交流圈一起學習交流：864305860
Array/Array.prototype與Function.prototype/Object.prototype 

Array是函數對象，受Function.prototype的影響，而Array.prototype不是函數對象，所不受Function.prototype的影響，但所有對象受Object.prototype的影響，所以Array.prototype也會受Object.prototype的影響。如： 

Object.prototype.nameStr="Object Prototype"; 
Object.prototype.getName=function(){return this.nameStr}; 
//alert(Function.prototype.getName());//Object Prototype 
//alert(Boolean.prototype.getName());//Object Prototype 
Function.prototype.initFun=function(){ 
return 'Function.prototype.initFun'; 
} //歡迎加入前端全棧開發交流圈一起學習交流：864305860
alert(Array.initFun());//Function.prototype.initFun 
var arr=['a','b']; 
alert(arr.getName());//Object Prototype 
alert(arr.initFun());//Error: arr.initFun is not a function 
alert(arr.initFun);//undefined
//歡迎加入前端全棧開發交流圈一起學習交流：864305860

結語

感謝您的觀看，如有不足之處，歡迎批評指正。