JavaScript面向对象编程:基于原型链的简单继承实现

作者:半夏

时间:2026-10-25

浏览:510

本文介绍JavaScript中基于原型链的简单继承机制。通过遍历父类属性并复制到子类prototype对象,实现子类对父类特性的继承。代码演示了如何定义类、扩展父类方法以及实例化对象调用继承属性的完整过程,展示了JavaScript动态类型下的面向对象编程技巧。

文章目录

JavaScript基于原型链的简单继承实现

代码如下:

 
var JsObject = {} || new Object();
JsObject.extend = function(subClass, superClass){
// 首先检查子类subClass是否已定义,若未定义则初始化为空函数
if(typeof subClass == "undefined")subClass = function(){};
// 若父类superClass为函数类型,则将其实例化为对象
if(typeof superClass == "function")superClass = new superClass();
// 遍历父类superClass对象中的所有属性和方法
for(var p in superClass)
{ 
/* 将父类superClass对象中的属性和方法复制到子类prototype对象中,
因此子类拥有父类的所有特性,即为继承 */
subClass.prototype[p] = superClass[p];
} 
return subClass;
}; 
function Student()
{ 
this.name = "张三";
this.updateName = function(name){
this.name = name;
} 
} 
function Class1()
{ 
this.sex = "男";
this.updateSex = function(sex){
this.sex = sex;
} 
} 
// 定义类Class1继承Student类
Class1 = JsObject.extend(Class1, Student);
var obj = new Class1();
alert(obj.sex);
alert(obj.name);
obj.updateSex("女");
obj.updateName("玛丽");
alert(obj.sex);
alert(obj.name);

结果显示:男,张三,女,玛丽

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章