JavaScript中_super关键字用法解析

学习文章要努力，但是不要急！今天的这篇文章《JavaScript中\_super关键字使用详解》将会介绍到等等知识点，如果你想深入学习文章，可以关注我！我会持续更新相关文章的，希望对大家都能有所帮助！

在JavaScript中，子类通过extends实现继承，super用于调用父类构造函数或方法；在子类构造函数中必须先调用super()才能使用this，因为实例初始化依赖父类构造逻辑。

在JavaScript中，类继承通过extends关键字实现，而super则用于在子类中调用父类的构造函数或方法。super不是一个简单的函数或属性，它是一个特殊的关键字，在不同上下文中具有不同的作用。

super在构造函数中的使用

在子类的构造函数中，必须在使用this之前调用super()，否则会抛出错误。这是因为子类实例的初始化依赖于父类的构造逻辑。

说明：

• super() 调用父类的构造函数
• this前

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

class Dog extends Animal {
  constructor(name, breed) {
    super(name); // 调用父类构造函数
    this.breed = breed;
  }
}

const dog = new Dog("旺财", "哈士奇");
console.log(dog.name); // 旺财
console.log(dog.breed); // 哈士奇

super调用父类方法

在子类的方法中，可以通过super.methodName()调用父类中定义的方法。这在需要扩展而非完全覆盖父类行为时非常有用。

说明：

• super.method() 调用父类的同名方法

class Animal {
  speak() {
    console.log(`${this.name} 发出声音`);
  }
}

class Dog extends Animal {
  speak() {
    super.speak(); // 先执行父类逻辑
    console.log(`${this.name} 汪汪叫`);
  }
}

const dog = new Dog();
dog.name = "旺财";
dog.speak();
// 输出：
// 旺财 发出声音
// 旺财 汪汪叫

super的静态方法调用

在静态方法中，super也可以用来调用父类的静态方法，其行为与实例方法类似。

说明：

• static 方法中可用super调用父类静态方法

class Animal {
  static info() {
    return "这是动物类";
  }
}

class Dog extends Animal {
  static info() {
    return super.info() + "，特指犬类";
  }
}

console.log(Dog.info()); // 这是动物类，特指犬类

• super只能在子类中使用
• super()再使用this
• super不是引用父类本身，而是父类原型的一个代理
• super，因其没有自己的this和作用域

以上就是《JavaScript中_super关键字用法解析》的详细内容，更多关于继承的资料请关注golang学习网公众号！