JavaScript原型链

    科技2024-10-14  18

    为什么要用原型?

    是为了减少内存的浪费

    实例

    <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>
    Processed: 0.013, SQL: 8