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

如有侵权请告知，本人立即删