向枚举添加函数

Question

是否可以在 TypeScript 中为 Enum 类型添加函数？

例如：

enum Mode {
    landscape,
    portrait,

    // the dream...
    toString() { console.log(this); } 
}

或者：

class ModeExtension {
    public toString = () => console.log(this);
}

enum Mode extends ModeExtension {
    landscape,
    portrait,
}

当然，toString() 函数会包含类似 switch 的内容，但用例会遵循以下原则：

class Device {
    constructor(public mode:Mode) {
        console.log(this.mode.toString());
    }
}

我明白为什么扩展 enum 可能是一件奇怪的事情，只是想知道它是否可能。

Answer 1

您可以拥有一个独立于 Enum 的类并使用它来获取您想要的东西，或者您可以将命名空间合并到 Enum 中并在看起来相同的地方获取所有内容。

模式实用程序类

所以这并不完全是您所追求的，但这允许您使用静态方法封装“模式到字符串”行为。

class ModeUtil {
    public static toString(mode: Mode) {
        return Mode[mode];
    }
}

你可以这样使用它：

const mode = Mode.portrait;
const x = ModeUtil.toString(mode);
console.log(x);

模式枚举/命名空间合并

您可以将命名空间与 Enum 合并，以便使用其他方法创建看起来像 Enum 的内容：

enum Mode {
    X,
    Y
}

namespace Mode {
    export function toString(mode: Mode): string {
        return Mode[mode];
    }

    export function parse(mode: string): Mode {
        return Mode[mode];
    }
}

const mode = Mode.X;

const str = Mode.toString(mode);
alert(str);

const m = Mode.parse(str);
alert(m);

Answer 2

您可以通过使用方括号来获取非常量枚举的字符串值：

class Device {
    constructor(public mode:Mode) {
        console.log(Mode[this.mode]);
    }
}

您也可以将一些特定于枚举的 util 函数放入枚举中，但这就像静态类成员一样：

enum Mode {
    landscape,
    portrait
}

namespace Mode {
    export function doSomething(mode:Mode) {
        // your code here
    }
}

Answer 3

将您的enum 转换为枚举模式。我发现这对于许多语言来说通常是一种更好的做法，因为否则你会限制你的类型的封装选项。趋势是在枚举值上使用switch，实际上任何依赖于特定枚举值的数据或功能都应该进入枚举的每个实例。我添加了更多代码来演示。

如果您特别依赖底层枚举值，这可能不起作用。在这种情况下，您需要为旧值添加一个成员，并将需要它的位置转换为使用新属性。

class Mode {
   public static landscape = new Mode(1920, 1080);
   public static portrait = new Mode(1080, 1920);

   public get Width(): number { return this.mWidth; }
   public get Height(): number { return this.mHeight; }

   // private constructor if possible in a future version of TS
   constructor(
      private mWidth: number,
      private mHeight: number
   ) {
   }

   public GetAspectRatio() {
      return this.mWidth / this.mHeight;
   }
}

Answer 4

可以通过私有构造函数和静态获取返回对象来生成枚举

export class HomeSlideEnum{

  public static get friendList(): HomeSlideEnum {

    return new HomeSlideEnum(0, "friendList");

  }
  public static getByOrdinal(ordinal){
    switch(ordinal){
      case 0:

        return HomeSlideEnum.friendList;
    }
  }

  public ordinal:number;
  public key:string;
  private constructor(ordinal, key){

    this.ordinal = ordinal;
    this.key = key;
  }


  public getTitle(){
    switch(this.ordinal){
      case 0:

        return "Friend List"
      default :
        return "DChat"
    }
  }

}

以后可以这样使用

HomeSlideEnum.friendList.getTitle();

Answer 5

芬顿解决方案的补充。 如果要在另一个类中使用此枚举器，则需要同时导出枚举和命名空间。它看起来像这样：

export enum Mode {
    landscape,
    portrait
}

export namespace Mode {
    export function toString(mode: Mode): string {
        return Mode[mode];
    }
}

然后你只需在你的类中导入 mode.enum.ts 文件并使用它。