#独家
typescript 如何全局声明 enum 枚举类型和值?

2023-08-01 0 4,191

如题,我使用 vue+ts 开发项目,想要在全局声明 enum 枚举类型并赋默认值,因为项目中我会多出用到枚举类型,我希望全局可以直接使用,是必须导出并导入吗?
目前我是通过 .d.ts 声明文件来声明的,直接使用会报错,该枚举类型未定义。
test.d.ts

declare enum Directions {
  Up=1,
  Down=2,
  Left=3,
  Right=4
}

index.ts

function getDirection (direction: Directions) {
  console.log('##########direction', direction)
}
getDirection(Directions.Up)
// 在 types.ts 文件中
export enum UserType {
  Admin = 'Admin',
  User = 'User',
  Visitor = 'Visitor'
}

然后在需要使用的地方导入:

import { UserType } from './types';

let user: UserType = UserType.Admin;

对于全局声明,你可以在项目根目录下的 shims.d.ts 文件中进行声明,或者在 src 目录下创建一个新的 .d.ts 文件:
// shims.d.ts

declare enum UserType {
  Admin = 'Admin',
  User = 'User',
  Visitor = 'Visitor'
}

然后你就可以在整个项目中使用这个枚举类型了,无需导入:
let user: UserType = UserType.Admin;
需要注意的是,全局声明的枚举类型无法使用 import 导入。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. JK下载官网所有资源来源于开发团队,加入会员即可下载使用!如有问题请联系右下角在线客服!
2. JK下载官方保障所有软件都通过人工亲测,为每位会员用户提供安全可靠的应用软件、游戏资源下载及程序开发服务。
3. JK开发团队针对会员诉求,历经多年拥有现今开发成果, 每款应用程序上线前都经过人工测试无误后提供安装使用,只为会员提供安全原创的应用。
4. PC/移动端应用下载后如遇安装使用问题请联系右下角在线客服或提交工单,一对一指导解决疑难。

JK软件下载官网 技术分享 typescript 如何全局声明 enum 枚举类型和值? https://www.jkxiazai.com/2305.html

JK软件应用商店是经过官方安全认证,保障正版软件平台

相关资源

官方客服团队

为您解决烦忧 - 24小时在线 专业服务