圖片來自你不知道的javascript

使用js模擬面向?qū)ο罄^承：先上最終的代碼

function Person(name, age) {
  this.name = name
  this.age = age
}

Person.prototype.getName = function () {
  return this.name
}
Person.prototype.getAge = function () {
  return this.age
}

function Teacher(name, age, subject) {
  Person.call(this, name, age)
  this.subject = subject
}
// 繼承方法的最終方案：
// ES6 之前拋棄默認的 Teacher.prototype
// Teacher.prototype = Object.create(Person.prototype)
//ES6 開始直接修改現(xiàn)有的 Teacher.prototype
Object.setPrototypeOf(Teacher.prototype, Person.prototype)
Teacher.prototype.constructor = Teacher
console.log(Teacher.prototype)

let teac = new Teacher('zs', 18, 'gaoshu')
console.log(teac.getName())
console.log(teac.constructor)

1. 先創(chuàng)建一個Person函數(shù)

function Person(name, age) {
  this.name = name
  this.age = age
}

2. 完善Person.prototype的方法

Person.prototype.getName = function () {
  return this.name
}
Person.prototype.getAge = function () {
  return this.age
}

3. 使用new來新建teac對象

let teac = new Teacher('zs', 18, 'gaoshu')

4. 此時teac只有Peoron函數(shù)的屬性，并沒有繼承Person.prototype的方法，所以需要繼承方法，方法二選一，后者性能略微好一些

// ES6 之前會拋棄默認的 Teacher.prototype
Teacher.prototype = Object.create(Person.prototype)
//ES6 開始直接修改現(xiàn)有的 Teacher.prototype
Object.setPrototypeOf(Teacher.prototype, Person.prototype)

5. 此時雖然繼承了方法，但是Teacher.prototype.constructor的值是Person，想一下為什么？所以我們來修復(fù)它

Teacher.prototype.constructor = Teacher

6. 以上