javascript中的原型

最新推荐文章于 2025-04-21 23:19:25 发布

最新推荐文章于 2025-04-21 23:19:25 发布 · 94 阅读

文章标签：

#JavaScript #prototype #ViewUI

javascript 专栏收录该内容

26 篇文章

订阅专栏

本文讲解了JavaScript中的原型概念，包括构造函数的prototype属性及其用法，如何通过原型添加属性实现继承，以及对象如何查找和使用原型中的属性。

我们来看一下javascript中的原型：
javascript原型是一个对象。
javascript中所有的构造函数都有一个属性，叫prototype，这个属性存放的就是原型对象；访问这个属性通过：函数名.prototype ，从而可以访问到这个原型对象，也可以为这个原型赋值。在原型对象中有一个属性叫constructor，这个constructor指向函数本身。我偿可以访问到原型中的这个属性：函数名.prototype.constructor;我们可以为原型对象添加属性并赋值：函数名.prototype.属性名=值；为函数原型添加的属性，都会成为构造函数的属性，从而成为对象的属性。既然对象具有了原型内的属性，说明对象中的这些属性是从原型中继承来的。所以javascript是基于原型的继承的。
当读取对象的属性时，会先查找对象的常规属性，如果常规属性中没有，则去查找原型中的属性。当给对象的属性赋值时，javascript不会使用原型对象。即：如果对象的常规属性中有此属性，则直接赋值vkjsfq此属性而在原型对象中存在此属性，那么，对象会在自己的常规属性中添加一个与这个原型对象中同名的属性。而不去修改原型对象属性的值。注意：这时再读取这个属性时，读取的是常规属性中的值，原型对象中的这个属性值已经读取不到了，已经被对象中的常规属性给覆盖了。
下面举一个例子：


function Rectangle(w,h){//定义一个矩形的函数
   this.width = w;
   this.height = h;
}
Rectangle.prototype.area = function(){ return this.width * this.height; }//area定义为原型对象中的一个属性，是为了计算矩形的面积