JavaScript中不使用window，如何通过变量调用模块函数？

嘿，这个问题问得好！在模块化的JavaScript环境里，确实没必要依赖window这种全局对象来实现动态调用函数，下面给你几种实用的方案：

方案1：将模块函数封装到对象映射中（最推荐） #

这是最直观也最符合模块化最佳实践的方式，你可以把需要动态调用的函数统一放到一个对象里，通过对象的属性访问来实现动态调用：

// 假设你从模块导入了fiveStar函数
import { fiveStar } from './your-rating-module.js';

// 创建一个函数映射对象，把需要动态调用的函数存进去
const ratingFunctions = {
  fiveStar: fiveStar
};

// 动态拼接函数名并调用
const num = 'five';
const functionName = `${num}Star`;
ratingFunctions[functionName](); // 成功调用fiveStar函数

如果你的模块本身就导出了一个包含多个函数的对象，那更省事，直接用导出的对象就行：

// 你的模块文件 your-rating-module.js
export default {
  fiveStar() {
    console.log('给出五星好评！');
  },
  fourStar() {
    console.log('给出四星好评！');
  }
};

// 导入模块后直接动态调用
import ratingFunctions from './your-rating-module.js';

const num = 'five';
const functionName = `${num}Star`;
ratingFunctions[functionName]();

方案2：使用eval（不推荐，仅作参考） #

eval可以直接执行字符串形式的代码，虽然能实现需求，但它存在安全风险（比如可能被注入恶意代码）和性能问题，所以不建议在生产环境使用，这里只作为可选方案列出：

import { fiveStar } from './your-rating-module.js';

const num = 'five';
const functionName = `${num}Star`;
eval(`${functionName}()`); // 调用fiveStar函数

方案3：动态import（异步场景适用） #

如果你的函数是单独导出的，还可以用ES模块的动态import()来加载并调用，不过这种方式是异步的，需要配合async/await使用：

async function invokeDynamicFunction() {
  const num = 'five';
  const functionName = `${num}Star`;
  // 动态导入模块
  const module = await import('./your-rating-module.js');
  // 调用目标函数
  module[functionName]();
}

// 执行异步函数
invokeDynamicFunction();

总结 #

优先选择方案1，它不仅安全、清晰，还能让你的代码结构更规整，完全不需要依赖全局的window对象。

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