在使用AMD时,如何在d.ts文件中引用Typescript枚举?

时间:2016-07-12 17:41:35

标签: typescript amd

我想定义一个typescript接口来表示一个错误。像这样:

enum MessageLevel {
    Unknown,
    Fatal,
    Critical,
    Error,
    Warning,
    Info,
    Debug
}

interface IMyMessage {
    name: string;
    level: MessageLevel;
    message: string;
}

这样可以正常工作。但是,现在(也许)我想在.d.ts文件中声明该接口,以便其他人可以使用它进行输入。但我不想在.d.ts文件中定义枚举,因为那将是实现而不是简单的输入信息。枚举应该在.ts文件中,让我们称之为messageLevel.ts:

///<amd-module name='MessageLevel'/>

export enum MessageLevel {
    Unknown,
    Fatal,
    Critical,
    Error,
    Warning,
    Info,
    Debug
}

我可以在这一点上以这种方式在我的d.ts打字文件中使用它:

import * as ml from "./MessageLevel";

interface IMyMessage {
    name: string;
    level: ml.MessageLevel;
    message: string;
}

我可以做到这一点,但我不喜欢将实现文件导入打字文件的级别混合。我也不喜欢在打字文件中实际实现枚举的想法。

是否有一种干净的方法可以使实施和声明严格分开?

3 个答案:

答案 0 :(得分:9)

最佳解决方案可能取决于您是否偏好实际的JavaScript变量是数字,字符串或其他。如果你不介意String,你可以这样做:

<dependency>
        <groupId>com.ibm.db2</groupId>
        <artifactId>db2jcc</artifactId>
        <version>unknown</version>
</dependency>

因此,在最后的JavaScript中,它将简单地表示为字符串,但只要将TypeI与不在该列表中的值进行比较,TypeScript就会标记错误,或者尝试将其分配给不同的字符串。由于这是JavaScript本身与任何类型的枚举最接近的(例如,///messagelevel.d.ts export type MessageLevel = "Unknown" | "Fatal" | "Critical" | "Error"; ///main.d.ts import * as ml from "./MessageLevel"; interface IMyMessage { name: string; level: ml.MessageLevel; message: string; } 而不是document.createElement("video"),因此它可能是表达此逻辑的更好方式之一。

答案 1 :(得分:6)

过去几天我一直在考虑这个问题,也许const enum加上联合类型可能是一个合适的选择。

此方法取决于您的API客户端可能会在API文件中出现未明确声明的枚举。

考虑一下。首先,API文件api.d.ts

/**
 * @file api.d.ts
 * 
 * Here you define your public interface, to be
 * implemented by one or more modules.
 */


/**
 * An example enum.
 *  
 * The enum here is `const` so that any reference to its
 * elements are inlined, thereby guaranteeing that none of
 * its members are computed, and that no corresponding 
 * JavaScript code is emmitted by the compiler for this
 * type definition file.
 * 
 * Note how this enum is named distinctly from its
 * "conceptual" implementation, `MyEnum`.
 * TypeScript only allows namespace merging for enums
 * in the case where all namespaces are declared in the
 * same file. Because of that, we cannot augment an enum's
 * namespace across different source files (including
 * `.d.ts` files).
 */
export const enum IMyEnum { A }

/**
 * An example interface.
 */
export interface MyInterface {

    /**
     * An example method.
     * 
     * The method itself receives `IMyEnum` only. Unfortunately,
     * there's no way I'm aware of that would allow a forward
     * declaration of `MyEnum`, like one would do in e.g. C++
     * (e.g. declaration vs definition, ODR).
     */
    myMethod(option: IMyEnum): void;
}

API实施,impl.ts

/**
 * @file impl.ts
 */

/**
 * A runtime "conceptual" implementation for `IMyEnum`.
 */
enum MyEnum {
    // We need to redeclare every member of `IMyEnum`
    // in `MyEnum`, so that the values for each equally named
    // element in both enums are the same.
    // TypeScript will emit something that is accessible at
    // runtime, for example:
    //
    //    MyEnum[MyEnum["A"] = 100] = "A";
    //
    A = IMyEnum.A
}

class MyObject implements IMyInterface {

    // Notice how this union-typed argument still matches its
    // counterpart in `IMyInterface.myMethod`.
    myMethod(option: MyEnum | IMyEnum): void {
        console.log("You selected: " + MyEnum[option]);
    }
}

// ----

var o = new MyObject();
o.myMethod(MyEnum.A);  // ==> You selected: 100
o.myMethod(IMyEnum.A); // ==> You selected: 100

// YAY! (But all this work shouldn't really be necessary, if TypeScript
// was a bit more reasonable regarding enums and type declaration files...)

I made this gist as an example,以防有人希望看到这种做法。

答案 2 :(得分:3)

将近两年后,这个问题仍然存在。 我找不到一个好的解决方案,所以我创建了一个解决方法,该方法仅告诉您的接口var的类型是枚举,而不是哪个枚举。主类有一个“中间件”抽象包装器,具体将var类型设置为所需的枚举。

// globals.d.ts

type EnumType = { [s: any]: any }

interface IMyMessage {
  level: EnumType
}
// enums.ts

export enum MessageLevel {
    Unknown,
    Fatal,
    Critical,
    Error,
    Warning,
    Info,
    Debug
}
// MyClass.ts

import { MessageLevel } from 'enums'

// If your MyMessage class is extending something, MyMessageWrapper has to 
//  extend it instead!
abstract class MyMessageWrapper extends X implements IMyMessage {
  abstract level: MessageLevel
}

class MyMessage extends MyMessageWrapper {
  level = MessageLevel.Unknown // works
  // level = MyOtherEnum.Unknown // doesn't work
}

在某些用例中可能会有用。