在写ts的demo时,经常给文件添加export {},作用是什么

在 TypeScript 中,当你在一个文件中添加 export {} 时,其作用主要有以下几点:

  1. 创建模块(Module)
    在 TypeScript 中,每个 .ts 文件都是一个模块。通过添加空的 export {},即使该文件当前没有实际导出任何内容,也明确地将文件标记为一个模块。
    这样可以确保其他文件可以通过导入(import)来使用这个模块,即便现在它是空的。

  2. 防止被当作全局脚本执行
    当 TypeScript 编译器编译一个包含顶级声明但没有显式 exportimport 的文件时,默认会将其视为全局脚本,其中的变量和函数会直接暴露到全局作用域。
    如果在文件中添加了 export {},那么这个文件会被当作模块处理,不会污染全局命名空间。

  3. 代码组织与规划
    即使目前没有要导出的内容,也可以预见到未来可能会有内容需要导出。这时,提前添加 export {} 可以帮助你清晰地规划文件结构,并提醒开发者此文件是一个模块,将来可能有对外部公开的接口。

  4. 避免误报错误
    在某些情况下,TypeScript 编译器可能会因为找不到有效的模块输出而报告错误。虽然理论上一个只包含内部作用域变量和函数的文件不需要 export,但有时为了避免此类编译警告或错误,也会选择添加空的 export {}

请注意,在实践中,若文件中确实没有任何导出内容且将来也不打算导出任何内容,通常无需特意添加 export {}。但在某些场景下,如需强调模块化或者解决特定的编译问题时,它还是有一定的实用价值。

posted @ 2024-03-03 10:54  龙陌  阅读(678)  评论(0)    收藏  举报