如何在JavaScript中导出已修改的刚导入变量？

你代码里存在两个核心问题：

1. 语法错误：export foo;是无效的ES模块语法，正确的命名导出格式应为export { foo };。
2. 只读绑定限制：ES模块中导入的变量是只读绑定，无法直接给foo赋值，强行赋值会触发运行时错误。

正确实现方式 #

要修改导入的值再导出，需要先把导入的变量复制到本地可写变量中：

// 导入原变量并改名，避免命名混淆
import { foo as originalFoo } from "bar";

// 创建可修改的本地变量，基于原变量初始化
let foo = originalFoo;
// 修改变量值
foo = 2;

// 导出修改后的变量
export { foo };

如果需要让导出的值和原变量保持动态关联（比如原foo是会变化的），可以导出一个getter函数或访问器对象：

import { foo as originalFoo } from "bar";

let customFoo = 2;

// 导出getter函数，外部通过调用获取最新值
export const getFoo = () => customFoo;

// 或者导出带getter的对象，模拟直接访问变量的体验
export const foo = {
  get value() {
    return customFoo;
  }
};

补充说明 #

• ES模块的导入绑定是只读引用，和普通变量的赋值逻辑不同，必须通过复制到本地变量才能修改。
• 导出必须遵循ES模块规范：命名导出用export { 变量名 }，默认导出用export default 变量。

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