JavaScript继承实现方法详解

function Parent() {
  this.name = 'parent';
}
Parent.prototype.getName = function() {
  return this.name;
};

function Child() {
  this.type = 'child';
}

// 继承父类原型
Child.prototype = new Parent();

const c = new Child();
console.log(c.getName()); // 'parent'

function Parent(name) {
  this.name = name;
  this.colors = ['red', 'blue'];
}

function Child(name, age) {
  Parent.call(this, name); // 继承并传参
  this.age = age;
}

const c1 = new Child('Tom', 12);
const c2 = new Child('Jerry', 10);

c1.colors.push('green');
console.log(c1.colors); // ['red', 'blue', 'green']
console.log(c2.colors); // ['red', 'blue'] —— 不互相影响

function Parent(name) {
  this.name = name;
  this.colors = ['red', 'blue'];
}
Parent.prototype.getName = function() {
  return this.name;
};

function Child(name, age) {
  Parent.call(this, name); // 继承实例属性
  this.age = age;
}

Child.prototype = new Parent(); // 继承原型
Child.prototype.constructor = Child; // 修正构造器指向
Child.prototype.getAge = function() {
  return this.age;
};

class Parent {
  constructor(name) {
    this.name = name;
  }
  getName() {
    return this.name;
  }
}

class Child extends Parent {
  constructor(name, age) {
    super(name); // 调用父类构造函数
    this.age = age;
  }
  getAge() {
    return this.age;
  }
}

const c = new Child('Alice', 15);
console.log(c.getName()); // 'Alice'
console.log(c.getAge());  // 15