javascript - 从 Javascript 调用 Typescript 类时的语法

Question

我已经编写了一个将在遗留 javascript 中调用的 typescript 类。我通过以下方式导入它:

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

转译后我得到:

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

所以它必须被调用:

新的 ConfigurationManager.ConfigurationManager(...)

创建一个新实例。有没有办法清理它以便 javascript 端不那么冗长？

Answer 1

有几个选项:

1. 您可以定义另一个变量来放置类:

代码:

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

1. 如果模块仅导出此类，则可以将模块的整个导出设置为类。

代码:

export = class ConfigurationManager  {

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

new ConfigurationManager();

对于第二个选项，export class .. 和 export = class ... 之间的区别在于，在第一种情况下，我们指定要添加到导出，在第二个中我们指定整个导出是类。就生成的 JS 而言，第一个选项生成这个:

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

而第二个生成这个:

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