手撕Js中的四种继承方式

function fn(x) {
  console.log(x)
}
function fn(x,y) {
  console.log(x,y)
}
fn(1,2) // 此时执行一定是第二个函数，没有完全重载的意义

function Parent() {
  this.x = 'parent x'
}
Parent.prototype.getX = function() {
  return this.x
}
Son.prototype = new Parent
Son.prototype.constructor = Son // 别忘了构造函数的原型上都有一个 constructor属性，实例对象上可没有
// 此处加入代码 Son.prototype = new Parent
// 此时
// son1.__proto__ === Son.prototype === new Parent「只是刚刚的那个实例对象，跟以后new出来的无关，接下来用 父实例1表示」
// Son.prototype.__proto__  === 父实例1.__proto__ === Parent.prototype
// 到这，你应该懂了，如果不懂，请去百度一下原型&原型链，搞明白再回来看看，记得收藏，留一条回来的路
function Son() {
  this.y = 'son y'
}
Son.prototype.getY = function() {
  return this.y
}
let son1 = new Son
// 没有加入 Son.prototype = new Parent
// son1.__proto__ === Son.prototype
// Son.prototype.__proto__ === Object.prototype
// 此处和 Parent构造函数没有半毛钱关系，无法使用Parent私有的或者公有的属性或者方法

function Parent() {
  this.x = 'parent x'
}
Parent.prototype.getX = function() {
  return this.x
}
function Son() {
  Parent.call(this)
  // 你没看错，就上面这行代码，把函数Parent当做普通函数执行，把Parent的私有属性都走一遍，但是注意this，仅仅执行 Parent()的话，this指的是window，
  // 不要问为什么，不会的话去百度一下js的 this指向，搞明白再回来看看，记得收藏，留一条回来的路
  this.y = 'son y'
}
Son.prototype.getY = function() {
  return this.y
}
let son1 = new Son()

class Parent {
  constructor() {
    this.x = 'parent x'
  }
}
class Son extends Parent {
  constructor() {
    super()
    // 这个super是必须得写的，其实它相当于父类的constructor执行，类似 call继承
    this.y = 'son y'
  }
}