JavaScript 继承父类型子类型原型链继承构造函数

最新推荐文章于 2021-10-25 16:51:22 发布

宇宙无敌饼干小怪兽

最新推荐文章于 2021-10-25 16:51:22 发布

阅读量112

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/zhuoss/article/details/120797030

版权

JavaScript 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

文章目录

代码图
代码

代码图

在这里插入图片描述

代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>03_组合继承</title>
</head>
<body>
<!--
方式3: 原型链+借用构造函数的组合继承
1. 利用原型链实现对父类型对象的方法继承
2. 利用super()借用父类型构建函数初始化相同属性
-->
<script type="text/javascript">
// 父类型-----------------------------------------
function Person(name,age){
  this.name = name
  this.age = age
}
Person.prototype.sayName = function(){
  console.log(this.name);
}
// 子类型-------------------------------------------
function Student(name,age,num){
  Person.call(this,name,age)//为了使用父类型的属性
  this.num = num
}
// 为了使用父类的方法
Student.prototype = new Person()
// 在父类型的实例中添加构造器和自己的方法
Student.prototype.constructor = Student
Student.prototype.sayNum = function(){
  console.log(this.num);
}
// 创建实例--------------------------------------------
var per = new Student('Alice',20,'20202118')
per.sayName()
per.sayNum()

</script>
</body>
</html>

宇宙无敌饼干小怪兽

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 继承父类型子类型原型链继承构造函数

文章目录代码图代码代码图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>03_组合继承</title></head><body><!--方式3: 原型链+借用构造函数的组合继承1. 利用原型链实现对父类型对象的方法继承2. 利用super()借用父类型构建函数初始化相同属性--&gt
复制链接

扫一扫