JavaScript原型链__proto__与原型继承使用

为什么要用原型？

是为了减少内存的浪费

实例

<script>
   //原型，原型链，继承
   function Rect(width,height){
      this.width = width;
      this.height = height;
   }
   var rect1 = new Rect(4,5);
   console.log(rect1);
   //原型是构造函数的一个属性（prototype)，这个属性也是一个对象，
   //对该构造函数定义的对象将自动继承该构造函数的原型
   // Rect.prototype = {
   //    point:[12,13],
   //    getArea:function(){
   //       return this.width * this.height;//这里的this和构造函数中的this指向完全一样，都是谁调用就指向谁
   //    }
   // }
   
   // Rect.prototype.width = 10;//这里没有被调用，因为如果定义的对象本身有属性的话就不会到原型找 
   // Rect.prototype.height = 20;//只有当定义的对象中没有该属性和方法时才会到原型中找
   Rect.prototype = {
      width:10,
      height:20
   }
   Rect.prototype.point = [12,13];
   Rect.prototype.getArea = function(){
      return this.width * this.height;
   }
   var rect2 = new Rect(6,7);//这里已经把Rect定义的原型加载到了rect2中，但是没有加载到rect1中
   console.log(rect2);
   console.log(rect2.point);//这里可以直接访问到原型中的属性
   console.log(rect2.__proto__.point);//此处和上面的内容完全一样
   console.log(rect2.getArea())
   //为什么要用原型？是为了减少内存的浪费，因为构造函数中的每一个属性和方法都会一并拷贝到
   //你定义的对象的内存中,但是原型中的属性和方法不会拷贝过去，而是仅仅当对象要用到原型中的某个属性或方法时
   //才会将该属性或方法拷贝过去，这样就会极大的减少内存的空间
</script>