Aller au contenu principal

@babel/plugin-transform-new-target

Traduction Bêta Non Officielle

Cette page a été traduite par PageTurner AI (bêta). Non approuvée officiellement par le projet. Vous avez trouvé une erreur ? Signaler un problème →

info

Ce plugin est inclus dans @babel/preset-env

Exemple​

JavaScript
function Foo() {
  console.log(new.target);
}

Foo(); // => undefined
new Foo(); // => Foo
JavaScript
class Foo {
  constructor() {
    console.log(new.target);
  }
}

class Bar extends Foo {}

new Foo(); // => Foo
new Bar(); // => Bar

Mises en garde​

Ce plugin repose sur this.constructor, ce qui implique que super doit déjà avoir été appelé lors de l'utilisation de classes non transformées.

JavaScript
class Foo {}

class Bar extends Foo {
  constructor() {
    // This will be a problem if classes aren't transformed to ES5
    new.target;
    super();
  }
}

De plus, ce plugin ne peut pas transformer tous les cas de Reflect.construct lorsqu'on utilise newTarget avec des classes fonctionnelles ES5 (classes ES6 transformées).

JavaScript
function Foo() {
  console.log(new.target);
}

// Bar extends Foo in ES5
function Bar() {
  Foo.call(this);
}
Bar.prototype = Object.create(Foo.prototype);
Bar.prototype.constructor = Bar;

// Baz does not extend Foo
function Baz() {}

Reflect.construct(Foo, []); // => Foo (correct)
Reflect.construct(Foo, [], Bar); // => Bar (correct)

Reflect.construct(Bar, []); // => Bar (incorrect, though this is how ES5
// inheritance is commonly implemented.)
Reflect.construct(Foo, [], Baz); // => undefined (incorrect)

Installation​

npm install --save-dev @babel/plugin-transform-new-target

Utilisation​

Avec un fichier de configuration (Recommandé)​

babel.config.json
{
  "plugins": ["@babel/plugin-transform-new-target"]
}

Via CLI​

Shell
babel --plugins @babel/plugin-transform-new-target script.js

Via l'API Node​

JavaScript
require("@babel/core").transformSync("code", {
  plugins: ["@babel/plugin-transform-new-target"],
});