为什么要用原型?
是为了减少内存的浪费
实例
<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>