$ npm install babel-plugin-transform-new-target
This plugins allows babel to transform new.target
meta property into a
(correct in most cases) this.constructor
expression.
function Foo() {
console.log(new.target);
}
Foo(); // => undefined
new Foo(); // => Foo
class Foo {
constructor() {
console.log(new.target);
}
}
class Bar extends Foo {
}
new Foo(); // => Foo
new Bar(); // => Bar
This plugin relies on this.constructor
, which means super
must
already have been called when using untransformed classes.
class Foo {}
class Bar extends Foo {
constructor() {
// This will be a problem if classes aren't transformed to ES5
new.target;
super();
}
}
Additionally, this plugin cannot transform all Reflect.construct
cases
when using newTarget
with ES5 function classes (transformed ES6 classes).
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
// inheritience is commonly implemented.)
Reflect.construct(Foo, [], Baz); // => undefined (incorrect)
npm install --save-dev babel-plugin-transform-new-target
.babelrc
(Recommended).babelrc
{
"plugins": ["transform-new-target"]
}
babel --plugins transform-new-target script.js
require("babel-core").transform("code", {
plugins: ["transform-new-target"]
});
© 2010 - cnpmjs.org x YWFE | Home | YWFE