Syntax when calling Typescript class from Javascript

Question

I've written a typescript class that will be called in legacy javascript. I import it via:

const ConfigurationManager = require('./ConfigurationManager');

After the transpile I end up with:

var ConfigurationManager = /** @class */ (function () {
    function ConfigurationManager

so it must be called with:

new ConfigurationManager.ConfigurationManager(...)

to create a new instance. Is there a way to clean this up so the javascript side is a little less verbose?

Answer 1

There are several options:

1. You could just define another variable in which you put the class:

Code:

const ConfigurationManagerModule = require('./ConfigurationManager');
const ConfigurationManager = ConfigurationManagerModule.ConfigurationManager;
new ConfigurationManager(...);

2. You could set the whole export of the module as the class if the module exports nothing but this class.

Code:

export = class ConfigurationManager  {

}
const ConfigurationManager = require('./ConfigurationManager');

new ConfigurationManager();

For the second option, the difference between export class .. and export = class ..., is that in the first case we specify something to add to the export, in the second we specify that the whole export is the class. In terms of the generated JS, the first options generates this:

var ConfigurationManager = /** @class */ (function () {
    function ConfigurationManager() {
    }
    return ConfigurationManager;
}());
exports.ConfigurationManager = ConfigurationManager;

while the second generates this:

module.exports = /** @class */ (function () {
    function ConfigurationManager() {
    }
    return ConfigurationManager;
}());