如何在JavaScript中使用变量动态导入模块中的指定对象？

安全阿岳

2026-7-27

动态导入模块成员的解决方案

静态import语句的解构部分是编译时确定的，不能用变量指定要导入的成员，所以你之前的写法无法生效。要实现根据用户操作动态导入指定成员，得用ES模块的动态import()函数——它是运行时执行的，支持动态处理模块导入和成员获取。

具体实现方法

方法1：Promise链式调用写法

先获取用户操作确定的目标成员名称，再动态加载整个模块，最后从模块对象中取出对应成员：

// 模拟从用户操作中拿到要导入的成员名称
const targetMember = 'moduleObject'; // 替换为实际的动态值

// 动态导入模块
import('./module').then(module => {
  // 通过对象属性访问取出目标成员
  const desiredObject = module[targetMember];
  // 在这里使用你需要的对象
  console.log(desiredObject);
}).catch(error => {
  // 处理模块导入失败的情况
  console.error('模块导入出错:', error);
});

方法2：async/await写法（更简洁）

如果你的代码在async函数中，可以用await简化异步逻辑：

async function loadTargetMember(targetName) {
  try {
    // 动态导入整个模块
    const module = await import('./module');
    // 提前检查目标成员是否存在，避免报错
    if (!module[targetName]) {
      throw new Error(`模块中不存在名为${targetName}的成员`);
    }
    return module[targetName];
  } catch (error) {
    console.error('加载失败:', error);
  }
}

// 调用函数，传入用户操作得到的成员名称
loadTargetMember('moduleObject').then(desiredObject => {
  // 使用获取到的对象
  console.log(desiredObject);
});