js 的继承

最新推荐文章于 2024-06-14 14:37:58 发布

iteye_9478

最新推荐文章于 2024-06-14 14:37:58 发布

阅读量105

点赞数

CC 4.0 BY-SA版权

文章标签： IE prototype

本文链接：https://blog.youkuaiyun.com/iteye_9478/article/details/81764751

本文通过一个具体的示例详细解析了JavaScript中如何实现继承，重点介绍了使用`Object.prototype.extend`方法来实现子类对父类属性和方法的继承，并展示了如何在子类中覆盖父类的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于apply原理可从下面这个例子看出一些端倪

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script>
/**
首先给Object类添加继承方法extends,
前两句起继承父类的作用，使得调用的子类能够获得父类的所有属性和方法
后一句保存对一个对父类的引用，以便在需要的时候可以调用父类的方法
如果不需要使用父类的方法，最后一句可以删除
方法名不能为extends，因为IE认为是关键字不让用火狐下是可以的。属性superClass也不能用super，也是关键字。不然看起来就更舒服了(那就太像java了)。
*/
Object.prototype.extend = function(SuperClass){

this.SuperClass=SuperClass;
this.SuperClass(); /*这句话很重要，是能够实现继承的关键!!!!! 因为当运行this.SuperClass()时，SuperClass里面的 this 指针其实指的是调用extend这个方法的对象即子类!!!
所以在这句代码中也就变相的给子类对象赋予了父类中所有由 this 指向的方法及其属性。
记住一点：不是由this指向的是不会被子类所继承的！！*/
this.superClass=new SuperClass();
}
//下面是示例代码
//声明父类:第一个方法show将得到继承，第二个方法将被覆盖
function SuperClass(){
alert(this.value);//这里弹出的肯定是SubClass中value属性的值.
this.show=function(){
alert('Call SuperClass.show()');
}
this.override=function(){
alert('Call SuperClass.override() width "superClass.override()"');
}
}
//声明子类:继承父类，同时覆盖了父类的方法override
function SubClass(){
//调用继承方法继承父类的属性和方法
this.value = "you";
this.extend(SuperClass);
this.override=function(){
alert('I have overrided SuperClass.override method.\nCall SubClass.override()');
}
}
//测试继承的结果：
var s=new SubClass();
s.show(); //将调用父类的方法
s.override();//将调用子类覆盖后的方法
s.superClass.override()//将调用父类的override方法
</script>

<body>
</body>
</html>