TypeScript如何导出if块内嵌套变量供其他.ts文件导入使用

你的写法不符合ES模块和TypeScript的核心规则，存在3个致命错误：

1. 对象字面量内部不允许直接写if、return这类流程控制语句，对象内部仅支持键名: 键值的属性定义格式
2. ES模块的export是静态解析语法，必须写在模块最外层作用域，JS/TS引擎在模块加载阶段就会处理所有导入导出声明，不会等运行到if分支才执行导出操作，嵌套在块级作用域、函数里的export会直接报语法错误
3. 你在块内用var声明变量的写法本身就存在作用域提升问题，就算跳过导出规则，也无法保证导入方拿到稳定的预期值

根据你的条件判断时机，选对应方案即可：

方案1：条件在模块加载阶段就能确定（比如判断环境变量、编译常量、固定配置） #

直接在模块顶层声明变量，完成条件判断赋值后正常导出即可，和你预期的导入写法完全兼容：

// List.ts
// 替换成你实际的判断条件，例如环境变量、全局固定配置
const condition = true;

// 条件不成立时直接终止模块加载，避免后续逻辑执行
if (!condition) {
  throw new Error("模块加载条件不满足");
}

// 条件成立后正常导出值
export const x = 3;

其他文件导入使用的写法和你预期完全一致：

import { x } from "./List";

if (x === 3) {
  // 编写你的业务逻辑
}

方案2：条件在运行时才会确定（比如依赖接口返回、用户操作、动态状态） #

静态导出无法支持运行时动态变更的值，这时候导出可变的状态容器或者取值方法即可，利用对象引用的特性拿到最新赋值：

// List.ts
// 用对象存动态值，保证导入方拿到的是同一个引用
export const moduleState = {
  x: undefined as number | undefined
};

// 你原来的create逻辑，等运行时条件满足时给x赋值
function create(condition: boolean) {
  if (condition) {
    moduleState.x = 3;
  }
}

export { create };

使用时的写法：

import { moduleState, create } from "./List";

// 执行你的逻辑，触发条件判断
create(true);

// 等赋值完成后从状态对象里取值
if (moduleState.x === 3) {
  // 编写你的业务逻辑
}

补充：如果需要条件成立才加载对应模块 #

可以用ES动态import语法，异步加载模块，不需要在导出文件里写分支判断：

// 业务文件里判断
const condition = true;
if (condition) {
  // 条件成立才加载List模块
  import("./List").then(({ x }) => {
    if (x === 3) {
      // 编写你的业务逻辑
    }
  })
}

对应的List.ts直接正常导出即可：

// List.ts
export const x = 3;

内容的提问来源于stack exchange，提问作者g4techtvfan