js中對prototype對象繼承的理解和實例

關於js中prototype的理解：

///Javascript繼承機制的設計思想引用http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html
//一個對象都是一個構造函數的實例化  所有的需要共享的方法和屬性都放在了prototype中，成為prototype的屬性或者方法
//而私有的方法和屬性則放在構造函數中

//關於prototype的測試實驗
function Animail(name){
    this.name = name ;
}
Animail.prototype.spcize = "1"; //spcize 需要共享的屬性或者方法




var a1 = new Animail("apple");
var a2 = new Animail("banana");

//這邊是用的prototype的屬性的引用
console.log(a1.spcize);
console.log(a2.spcize);

//應該是重新創建了spcize對象，覆蓋原來的引用,然后進行賦值（猜測）
 a1.spcize = "2";
 a2.spcize = "3";
 
 console.log(a1.spcize);
 console.log(a2.spcize);
 
 delete a1.spcize;//刪除對象specize之后，a1.specize編程Animail。prototype。specize的引用
 //delete a2.spcize;
 
 Animail.prototype.spcize = "5"; 
 
 console.log(a1.spcize);
 console.log(a2.spcize);

 

js中對prototype對象繼承的一個實例：

//只得考慮的原型鏈的一段代碼
//實例化triangle,去調用Triangle的構造函數，注意此時prototype是為空的，所以此時的實例化對象triangle中的prototype為空，所以之后去調用getAre報錯
//緊接着會去調用Ploygon構造函數，並且對Polygon的prototype進行初始化
//然后對Triangle的prototype進行初始化，所以之后第二個實例化的對象就有getAre方法了。


//如何更改在所有triangle對象實例化之前，先將Triangle方法的prototype與Polygon的實例化對象綁定，這是實例化triangle對象會有一個getAre的引用（鏈接），然后在其調用
//調用實例化構造函數的時候會去重載prototype的getAre方法，因為是引用所以triangle對象的方法也被改變了。
function Polygon(iSide){
    console.log("Polygon constructor");
    this.side = iSide;    
    if(typeof Polygon._init == "undefined"){
        console.log("Polygon protype");
        Polygon.prototype.getArea = function(){
            return 0;
        };
    };
    Polygon._init = true;
};

function Triangle(iBase,iHeight){
    console.log("Triangle consturctor");
    Polygon.call(this,3);
    this.base = iBase ;
    this.height = iHeight;
    
    if(typeof Triangle._init == "undefined"){
        Triangle.prototype = new Polygon();  //將這句話注釋掉
        //console.log(Triangle.prototype.getArea());
        console.log("triangle prototype");
        
        Triangle.prototype.getArea = function(){
            return 0.5 * this.height * this.base;
        };
    };
    Triangle._init = true;
};
//Triangle.prototype = new Polygon(); //在這添加原型與實例化對象的綁定。
var triangle = new Triangle(3,4);

var triangle2 = new Triangle(3,4);
//console.log(triangle2.base);
//console.log(triangle2.height);
//console.log(triangle2.side);
console.log(triangle2.getArea());
console.log(triangle.getArea());

本人鏈接至：

http://blog.csdn.net/w329636271/article/details/21224403

http://blog.csdn.net/w329636271/article/details/21171857

如有侵權請告知，本人立即刪