继承

最新推荐文章于 2025-07-31 18:11:30 发布

天空守护云

最新推荐文章于 2025-07-31 18:11:30 发布

阅读量98

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_44606660/article/details/87888885

本文深入探讨了JavaScript中继承的概念，通过实例演示了如何使用原型链和构造函数实现继承，展示了父类People和子类Student之间的继承关系，以及如何在子类中调用父类的方法。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>继承</title>
</head>
<body>
	<script type="text/javascript">
		/*继承：
		     被继承者： people    父类(基类、超类)
		     继承者：   student   子类(派生类)

		     继承是单向的*/

		     function People(name,age){
		     	this.name=name;
		     	this.age=age;
		     }

		     People.prototype.say=function(){
		     	console.log(this.name+' 在说话');
		     };
		     People.prototype.showInfo=function(){
		     	console.log('姓名：'+this.name+',年龄：'+this.age);
		     };

		     function Student(name,age,no,grade){
		     	People.call(this,name,age);
		     	this.no=no;
		     	this.grade=grade;
		     }

		     //方法的继承
		     for(var i in People.prototype){
		     	Student.prototype[i]=People.prototype[i];
		     }

		     Student.prototype.test=function(){
		     	console.log(this.name+' 在进行期末考试......');
		     };

		     var p=new People('李四',22);
		     p.say();
		     p.showInfo();
		     // p.test();

		     console.log('-------------------------------');

		     var s=new Student('小花',20,'1000','一年级');
		     s.say();
		     s.showInfo();
		     s.test();
	</script>

</body>
</html>