一、原型继承
先创建一个构造函数Person,添加属性原型添加方法
function Person(name,age) {
this.name = name
this.age = age
}
Person.prototype.getName = function () {
return this.name
}
再创建一个构造函数Student 并且调用Person构造函数
function Student(name,age,className) {
Person.call(this,name,age)
this.className = className
}
这里要先继承Person的实例,再给Student原型添加方法
Student.prototype = new Person()
Student.prototype.getClassName = function () {
return this.className
}
最后实例化,完美继承了Person的属性/原型,同时拥有自己的原型方法
let student = new Student('小二',13,'一年级')
console.log(student.getName()) // 小二
console.log(student.getClassName()) // 一年级
二、class
创建Person 构造函数 ,添加赋值属性,原型添加方法
class Person {
constructor(name,age){
this.name = name
this.age = age
}
getName(){
return this.name
}
}
创建Student构造函数,并且继承Person (super构造函数)
class Student extends Person{
constructor(name,age,className){
super(name,age)
this.className = className
}
getClassName(){
return this.className
}
}
完美继承Person属性 原型方法
let student = new Student('小二',13,'一年级')
console.log(student.getName()) // 小二
console.log(student.getClassName()) // 一年级