1. babel-plugin-transform-class-constructor-call
This plugin allows Babel to transform class constructors (deprecated)
babel-plugin-transform-class-constructor-call
Package: babel-plugin-transform-class-constructor-call
Created by: babel
Last modified: Tue, 16 Apr 2024 05:01:48 GMT
Version: 6.24.1
License: MIT
Downloads: 1,356,409
Repository: https://github.com/babel/babel/tree/master/packages/babel-plugin-transform-class-constructor-call

Install

npm install babel-plugin-transform-class-constructor-call
yarn add babel-plugin-transform-class-constructor-call

babel-plugin-transform-class-constructor-call (deprecated)

Proposal Withdrawn: can be solved with decorators.

This plugin allows Babel to transform class constructors.

It basically allows to use the new.target feature on ES2015 classes:

 class Point {

  constructor(x, y) {
    this.x = x;
    this.y = y;
  }

  call constructor(x, y) {
    return new Point(x, y);
  }

}

let p1 = new Point(1, 2); // OK
let p2 = Point(3, 4); // OK

Example

Date example

The javascript Date works this way:

 // You can get a Date instance using the new keyword
let now = new Date();
console.log(now.getMonth()); // Prints '3'
console.log(now.toString()); // Prints 'Mon Apr 11 2016 13:26:07 GMT+0100 (BST)'

// You can get a string of the current date using Date as a function:
let nowStr = Date();
console.log(nowStr); // Prints 'Mon Apr 11 2016 13:26:07 GMT+0100 (BST)'

It is currently possible to implement something like that using new.target (see example in proposal) and this new feature makes it available for ES2015 classes.

A date implementation could be:

 class Date {
  constructor() {
    // ...
  }

  call constructor() {
    let date = new Date();
    return date.toString();
  }
}

let now = new Date(); // Get a Date instance
let nowStr = Date(); // Use the 'call constructor()' part to get a string value of the current date

Installation

 npm install --save-dev babel-plugin-transform-class-constructor-call

Usage

Via .babelrc (Recommended)

.babelrc

 {
  "plugins": ["transform-class-constructor-call"]
}

Via CLI

 babel --plugins transform-class-constructor-call script.js

Via Node API

 require("babel-core").transform("code", {
  plugins: ["transform-class-constructor-call"]
});

References

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code