JavaScript 继承实现:多边形与三角形的原型链示例

作者:木棉

时间:2026-10-26

浏览:208

本文通过 JavaScript 代码示例,演示如何利用构造函数和原型链实现面向对象继承。定义了 Polygon 基类并设置默认面积方法,随后创建 Triangle 子类,通过调用父类构造函数继承属性,并重写 getArea 方法以计算三角形面积。最后实例化三角形对象并输出边数与计算结果,展示了基础的继承机制。

文章目录
以上即为完整的代码示例。

JavaScript 继承代码实现

具体实现代码如下所示:

 
首先定义一个名为 Polygon 的构造函数,用于表示多边形对象。
在构造函数内部,将传入的参数 iSliders 赋值给实例属性 silders,用于存储边数。
} 
接着,为 Polygon 的原型对象添加一个名为 getArea 的方法,用于获取多边形的面积。
该方法默认返回数值 0,作为基类的通用实现。
} 
随后定义 Triangle 构造函数,用于表示三角形。
在 Triangle 内部,通过调用 Polygon.call(this, 3) 来继承 Polygon 对象,并固定边数为 3。
将传入的底边长度 iBase 赋值给实例属性 base。
将传入的高度 iHeight 赋值给实例属性 height。
} 
重写 Triangle 原型中的 getArea 方法,以提供三角形特有的面积计算逻辑。
该方法返回底边乘以高度再除以 2 的结果,即 0.5 * this.base * this.height。
} 
创建一个 Triangle 实例,传入底边 15 和高度 8。
通过 alert 弹窗显示三角形的边数,即 triangle.silders 的值。
通过 alert 弹窗显示三角形的面积,调用 triangle.getArea() 方法获取结果。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章