js继承实例

 function Rectangle(w,h){
  //将该函数对象作为this引用来初始化
 this.width=w;
 this.hight=h;
  }

  Rectangle.prototype.area =function (){return this.width * this.hight}
 
  function PositonedRectangle(x,y,w,h){
 Rectangle.call(this,x,y);
 this.x=x;
 this.y=y;
  }
  PositonedRectangle.prototype=new Rectangle();
  delete PositonedRectangle.prototype.width;
  delete PositonedRectangle.prototype.hight;

 

PositonedRectangle.prototype.constructor=PositonedRectangle;//复原构造方法属性

  //javascript的说法，function定义的这个Person就是一个Object(对象),而且还是一个很特殊的对象，这个使用function定义的对象与使//用new操作符生成的对象之间有一个重要的区别。这个区别就是function定义的对象有一个prototype属性，使用new生成的对象就没有这//个prototype属性。

  //在prototype对象中又有一个constructor属性，这个constructor属性同样指向一个constructor对象，而这个constructor对象恰恰就是这个function函数本身。

  //使用new 创建对象的过程：
  //1.先创建一个空对象{}
  //2.将该空对象<font size="" color="">内置的原型对象</font>设置为构造函数(此处为PositonedRectangle)的prototype属性引用的那个对象。注意：此处的内置的原型对象，与prototype对象不是一回事，为了区别叫它inner_prototype,也就是说inner_prototype指向了函数PositonedRectangle的prototype对象。在PositonedRectangle函数的prototype对象中出现的任何属性或者函数都可以在新建的对象中直接使用。这个就是javascript的原型继承。
  //3.就是将该空对象作为this参数调用构造函数(PositonedRectangle),完成成员初始化工作。
  alert(new PositonedRectangle(1,2,3,4).constructor);
  //new PositonedRectangle(1,2,3,4)这句话分解为如下：
  //01.var one={}; 
  //02.PositonedRectangle.call(one,1,2,3,4); 
  //因为prototype对象中有一个constructor属性，那么new出来的对象也可以直接访问constructor属性。
//也就是说constructor属性也是按照prototype链来传递的。
//对一个对象来说，他的constructor属性是不在本身中的，很清楚我们自定义的函数是没有constructor这个属性的，这个属性是来在函数的.prototype熟悉对象中的constructor属性.这个属性指向的就是function函数。
//在不改变函数的prototype指向的情况下 对象.constructor==Function.prototype.constructor属性.