js继承调用链

在JavaScript中，继承调用链是指当访问一个对象的属性或方法时，JavaScript引擎会沿着原型链（prototype chain）查找这个属性或方法，直到找到为止，或者到达原型链的末端（即null）。

基础概念：

1. 原型对象（Prototype）：每个JavaScript对象都有一个原型对象，它是一个普通的对象，包含了可以被其他对象共享的属性和方法。
2. 原型链（Prototype Chain）：当访问一个对象的属性时，如果对象本身没有这个属性，那么JavaScript引擎就会去这个对象的原型对象上找，如果还没有，就继续去原型对象的原型对象上找，以此类推，直到找到这个属性或者到达原型链的末端。

相关优势：

• 代码复用：通过原型链，可以实现属性和方法的共享，从而减少内存消耗。
• 继承：子类可以继承父类的属性和方法，实现代码的扩展和重用。

类型：

• 构造函数继承：通过Parent.call(this, ...)的方式，在子类构造函数中调用父类构造函数。
• 原型链继承：将子类的原型对象设置为父类的一个实例。
• 组合继承：结合构造函数继承和原型链继承的优点。
• ES6类继承：通过class和extends关键字实现更简洁明了的继承方式。

应用场景：

• 当需要创建多个具有相同属性和方法的对象时，可以使用继承来避免重复代码。
• 当需要扩展已有类的功能时，可以通过继承来实现。

问题及解决方法：

问题：在继承调用链中，为什么会出现undefined？

原因：这通常是因为在访问一个不存在的属性或方法时，JavaScript引擎会沿着原型链一直查找，直到找到这个属性或方法或者到达原型链的末端。如果到达末端还没有找到，就会返回undefined。

解决方法：确保要访问的属性或方法在原型链中的某个对象上存在。可以使用hasOwnProperty方法来检查对象本身是否具有某个属性，而不是在原型链上。

示例代码（ES6类继承）：

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

  sayHello() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

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

  sayAge() {
    console.log(`I am ${this.age} years old`);
  }
}

const child = new Child('Alice', 10);
child.sayHello(); // 输出：Hello, my name is Alice
child.sayAge(); // 输出：I am 10 years old

在这个例子中，Child类通过extends关键字继承了Parent类。Child类的实例可以访问Parent类的属性和方法，同时还可以访问自己的属性和方法。