microsoft / microsoft/TypeScript

Can't use async arrow function in/before super call

Ouverte
#42,667 2 commentaires 1 réaction 1 personne assignée Voir sur GitHub

@rbuckton y travaille déjà.

Depuis le 5/2/2021.

Bug Domain: classes Rescheduled
Langage dominant
Go
Étoiles
111k
Forks
14.3k
Merge moyen
2 j 4 h
PR mergées (30 j)
132

Description

Bug Report

🔎 Search Terms

super async arrow function this

🕗 Version & Regression Information

This only occurs using a target version of ES2016 or lower.

⏯ Playground Link

https://www.typescriptlang.org/play?target=3&ts=4.1.3#code/MYGwhgzhAECC0G8BQ1rAPYDsIBcBOArsDungBQBmmAXNGQJTQC8AfNAAp7oC2AlhAFMAPADd0vACYtGyVKioMA3CmgBfJOqShIMAELQBADxwDMEmPFlosuQsVINEK1BAIAHAeUgBPTMDqMrE5ychjY6CACAHQg6ADmZABEABICILGJ9Mohqlkq6pqYAgDu0LpKQA

💻 Code

This works:

class A {
  constructor(fn: () => Promise<void>) {
    fn();
  }
}

class B extends A {
  constructor() {
    super(async function () {
      console.log("Hello");
    });
  }
}

new B();

This doesn't:

class A {
  constructor(fn: () => Promise<void>) {
    fn();
  }
}

class B extends A {
  constructor() {
    super(async () => {
      console.log("Hello");
    });
  }
}

new B();

The difference between the examples is the use of an arrow function vs a traditional function.

🙁 Actual behavior

It compiles crashes however at runtime with this error message:
ReferenceError: Must call super constructor in derived class before accessing 'this' or returning from derived constructor

The error lies in the generated __awaiter function trying to access this. The traditional function wraps the __awaiter call (therefore binding its own this) not causing it to fail.

🙂 Expected behavior

Print Hello to the console.

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.