JavaScript 面向对象继承实现:基于原型链的属性复制
作者:纸飞机时间:2026-10-24 21:52:13浏览:572
本文介绍一种基于原型链的 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); 输出结果:男,张三,女,玛丽
作者最新文章
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数?详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决?
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28
