理解 TypeScript 类型与运行时值的边界：如何获取声明类型的字面量值

type CardType = 'InformationCard';

type CardType = 'InformationCard';

// 尝试直接访问类型别名，这是不正确的用法
// console.log(CardType); // 编译时会报错：'CardType' refers to a type, but is used as a value here.

// 1. 定义一个类型别名，用于编译时类型检查
type CardTypeAlias = 'InformationCard';

// 2. 声明一个常量，其值与类型别名中的字面量一致
// 我们可以为这个常量显式指定类型，以确保类型安全
const cardTypeNameValue: CardTypeAlias = 'InformationCard';

// 3. 在运行时访问并使用这个常量
console.log(cardTypeNameValue); // 输出: InformationCard

// 或者，如果你只是需要一个字面量值，可以直接声明一个常量
const directCardTypeName = 'InformationCard';
console.log(directCardTypeName); // 输出: InformationCard

// 1. 定义一个联合类型，表示可能的卡片类型字面量
type CardTypeLiteral = 'InformationCard' | 'ProductCard' | 'ServiceCard';

// 2. 定义一个接口或类型，描述包含卡片类型属性的对象
interface Card {
  type: CardTypeLiteral; // 这里的 type 属性会受到 CardTypeLiteral 的类型检查
  id: string;
  // 其他属性...
}

// 3. 创建一个符合接口定义的运行时对象
const myCard: Card = {
  type: 'InformationCard', // 'InformationCard' 是一个运行时值
  id: 'card-123',
};

// 4. 在运行时访问对象的属性值
console.log(myCard.type); // 输出: InformationCard

// 1. 定义一个字符串枚举
enum CardTypesEnum {
  InformationCard = 'InformationCard',
  ProductCard = 'ProductCard',
  ServiceCard = 'ServiceCard',
}

// 2. 枚举成员既可以作为类型使用，也可以作为运行时值使用
const currentCardType: CardTypesEnum = CardTypesEnum.InformationCard;

// 3. 在运行时访问枚举成员的值
console.log(currentCardType); // 输出: InformationCard
console.log(CardTypesEnum.ProductCard); // 输出: ProductCard

// 4. 枚举也可以用于类型检查
function processCard(type: CardTypesEnum) {
  if (type === CardTypesEnum.InformationCard) {
    console.log('Processing an Information Card.');
  }
  // ...
}

processCard(CardTypesEnum.ServiceCard); // 输出: (无特定输出，但类型检查通过)