如何在没有 require/import/export 的情况下为自定义类创建 Typescript 声明文件

Question

希望有人可以帮助我了解 typescript 声明文件以及如何访问我的自定义类。

假设我有一个自定义类来显示警报消息作为示例：

CustomAlert.ts：

/// <reference path="typings/CustomAlert.d.ts" />
module MdlCustomAlerts{    
    class CustomAlert{
        constructor(alertMessage:string, alertOptions:IAlertOptions){
            alert(message);
        }
    }
}

CustomAlert.d.ts

declare module MdlCustomAlerts{
    interface IAlertOptions{

    }

    class CustomAlert{
      constructor(alertMessage:string, alertOptions:IAlertOptions)
    }
}

app.ts

/// <reference path="typings/MyAlert.d.ts" />

var alert1 = new MdlCustomAlerts.CustomAlert("Hello World", {});

首先，我在 CustomAlert.ts 中收到“重复标识符”错误，因为定义中定义了类 CustomAlert。我需要一种通过使用定义而不使用 import/require 来访问我的 CustomAlert 的方法（我们不使用 require.js，所以这会导致问题）。

我想我需要做一些事情，比如为类导出一个公共标识符（也许将定义中的类重命名为 customAlert，然后导出引用），但我似乎无法以任何方式工作。如果有人可以帮助我找到解决方案，我将不胜感激！

提前致谢

Answer 1

您可以直接从其他打字稿文件中引用打字稿文件；您不需要为它们定义类型。

类型定义是为了从 Typescript 键入 javascript 文件。

... 你应该使用模块（ES6/commonJS - 不是现在所谓的命名空间）。如果不这样做，随着您的应用程序变得越来越大，您将陷入订购 TS 文件以进行正确编译的噩梦般的问题。

CustomAlert.ts

export class CustomAlert{
  constructor(alertMessage:string, alertOptions:IAlertOptions){
    alert(message);
  }
}

app.ts

import {CustomAlert} from './CustomAlert'

var alert1 = new CustomAlert("Hello World", {});