本文介绍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); 结果显示:男,张三,女,玛丽