JavaScript 面向对象继承实现:基于原型链的属性复制

作者:纸飞机

时间:2026-10-24

浏览:571

本文介绍一种基于原型链的 JavaScript 面向对象继承实现方式。通过定义 JsObject.extend 方法,将父类的属性和方法遍历复制到子类的 prototype 对象中,使子类实例能够访问父类特性。文章包含完整的代码示例,演示了如何定义 Student 和 Class1 类,并验证继承后的属性访问与方法调用结果。

文章目录

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);

输出结果:男,张三,女,玛丽

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章