专栏名称: 前端大全
分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯
目录
相关文章推荐
脚本之家  ·  大厂都在用的 12 大主流 AI ... ·  15 小时前  
脚本之家  ·  大厂都在用的 12 大主流 AI ... ·  15 小时前  
前端大全  ·  突发!美国对中国断供 EDA。网友:真卡脖子 ·  4 天前  
前端大全  ·  蔚来面试题:计算白屏时间 ·  4 天前  
51好读  ›  专栏  ›  前端大全

你知道export与export type 的区别吗?

前端大全  · 公众号  · 前端  · 2025-05-15 15:18

正文

请到「今天看啥」查看全文


constructor ( id: string ) {
this .userId = id;
}

getUserInfo() {
return `User ID: ${ this .userId} ` ;
}
}
导出方式
行为
export { IContext }
同时导出类型和类的实现(可以用于类型注解和创建实例)
export type { IContext }
只导出类型部分(只能用于类型注解,不能创建实例)

使用示例

使用 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"
}
导出方式
行为






请到「今天看啥」查看全文