在 TypeScript 中，export type 和 export 是两种不同的导出方式，它们在不同情况下有着重要的区别。本文将详细解释这两种导出方式的差异，并通过具体例子说明。

当 IContext 是接口（interface）时

interface IContext {
  userId: string;
  // ...其他属性
}

结论：对于纯接口，两种方式效果相同，因为接口只存在于类型空间，没有值空间的表示。

使用示例：

// 两种导入方式都可以这样使用
import { IContext } from'./your-module';

const userContext: IContext = {
  userId: '12345'
};

当 IContext 是类（class）时

class IContext {
  userId: string;
  constructor(id: string) {
    this.userId = id;
  }
  
  getUserInfo() {
    return`User ID: ${this.userId}`;
  }
}

使用示例：

使用 export { IContext }：

// 导入完整类
import { IContext } from'./your-module';

// 可以作为类型使用
const context: IContext = new IContext('12345');

// 可以创建实例
const newContext = new IContext('67890');
console.log(newContext.getUserInfo()); // 输出: User ID: 67890

使用 export type { IContext }：

// 只导入类型
importtype { IContext } from'./your-module';

// 可以作为类型使用
const context: IContext = { 
  userId: '12345',
  getUserInfo: () =>'User ID: 12345'
};

// 错误: 'IContext' 仅表示类型，但在此处却作为值使用
// const newContext = new IContext('67890'); // 编译错误!

当 IContext 是枚举（enum）时

enum IContext {
  Admin = "admin",
  User = "user",
  Guest = "guest"
}

使用示例：使用 export { IContext }：

// 导入完整枚举
import { IContext } from'./your-module';

// 可以作为类型使用
const userRole: IContext = IContext.Admin;

// 可以访问枚举成员
console.log(IContext.Admin); // 输出: "admin"
console.log(IContext.User);  // 输出: "user"

// 可以用于类型判断
functioncheckAccess(role: IContext) {
if (role === IContext.Admin) {
    returntrue;
  }
returnfalse;
}

使用 export type { IContext }：

// 只导入类型
importtype { IContext } from'./your-module';

// 可以作为类型使用
let userRole: IContext;
// userRole = ???  // 但无法直接赋值，因为枚举成员不可访问

// 错误: 'IContext' 仅表示类型，但在此处却作为值使用
// console.log(IContext.Admin); // 编译错误!

// 可以用于类型注解，但不能访问枚举值
functioncheckAccess(role: IContext) {
// 错误: 'IContext' 仅表示类型，但在此处却作为值使用
// if (role === IContext.Admin) { // 编译错误!
//   return true;
// }
returnfalse;
}

当 IContext 是类型别名（type alias）时

type IContext = {
  userId: string;
  // ...其他属性
};

结论：对于类型别名，两种方式效果相同，因为类型别名只存在于类型空间。 使用示例：

// 两种导入方式都可以这样使用
import { IContext } from'./your-module';

const userContext: IContext = {
  userId: '12345'
};

实际应用建议

1. 对于纯类型（接口、类型别名）：

• 两种方式都可以，但使用 export type 更明确表示你只导出类型
• 例如：export type { IContext }

2. 对于同时有类型和值的声明（类、枚举）：

• 使用 export { IContext } 导出完整定义（类型+值）
• 使用 export type { IContext } 仅导出类型部分
• 根据实际需要选择合适的方式

3. 重新导出时的最佳实践：

• 如果确定只需要类型：export type { IContext } from "..."
• 如果需要完整定义：export { IContext } from "..."
• 如果不确定：使用 export { IContext } from "..." 更安全，因为它保留了所有信息

4. 使用 import type 的情况：

• 当你只需要类型信息时，可以使用 import type { IContext } from './module'
• 这样可以确保在编译后的JavaScript中不会包含这些导入，有助于减小打包体积

总结

理解 export type 和 export 的区别对于编写类型安全的 TypeScript 代码至关重要。选择正确的导出方式可以帮助你更精确地控制模块的公共 API ，并在类型检查和运行时行为之间取得平衡。

• 对于纯类型（接口、类型别名），两种方式效果相似
• 对于有运行时值的声明（类、枚举），两种方式有显著差异
• 根据你的实际需求选择合适的导出方式，可以提高代码的类型安全性和可维护性