本文共 928 字，大约阅读时间需要 3 分钟。

super()和this()是JavaScript中常用的关键字，它们在类方法和对象操作中发挥着重要作用。理解这两个关键字的区别对于编写更高效的代码至关重要。

1. this（）：表示当前类的对象

在JavaScript中，this关键字始终指向当前上下文对象。如果你正在定义一个函数，this将自动指向调用该函数的对象。例如：

function func() {    console.log(this); // 输出：某_js_function@Example.com  }  func();

• 在方法中，this通常用于访问类实例的属性或方法的引用。
• 不过，在单独函数调用中，this会指向window对象，或者在浏览器中会指向global对象。

2. super()：调用父类构造函数

super()关键字用于在子类构造函数中调用父类的构造函数。在JavaScript中，子类继承自父类时，默认会优先调用子类的构造函数，但如果我们希望子类的构造函数执行父类的初始化逻辑，就需要显式地使用super()。

class Parent {    constructor() {      this.name = 'Parent';    }  }  class Child extends Parent {    constructor() {      super(); // 调用Parent的构造函数      this.name = 'Child';    }  }  const child = new Child();  // child.name -> 'Child'

• 在构造函数中，super()可以传递参数。如果父类的构造函数也接受参数，子类也需要传递这些参数：

  super(arg1, arg2, ...);

• 如果子类的构造函数没有调用super(), 而父类有构造函数，子类将无法继承父类的属性和方法。

总结

• this表示当前上下文对象，用于访问当前对象的属性或方法。
• super()用于调用父类的构造函数，确保父类的初始化逻辑得以执行。
  在编写JavaScript类时，明确区分这两者可以帮助你更好地管理对象的继承和方法的执行流程。