CommonJS中require()是否支持动态？附代码示例求解

一、require()的本质：动态特性 #

CommonJS模块系统中的require()是动态的，它是一个在代码运行时执行的函数，而非编译阶段进行静态分析的语法。这意味着require()可以接收运行时计算出来的参数，完全支持动态调用。

二、require()的动态调用示例 #

1. 条件加载模块 #

根据运行时的环境变量或逻辑判断，动态决定加载的模块路径：

let modulePath;
if (process.env.NODE_ENV === 'production') {
  modulePath = './prod-utils';
} else {
  modulePath = './dev-utils';
}
const utils = require(modulePath);

2. 动态拼接路径加载 #

通过变量拼接生成模块路径，灵活加载目标模块：

const baseDir = './components/';
const componentName = 'button';
const Button = require(`${baseDir}${componentName}.js`);

三、给定代码的调用类型分析 #

你提供的这段代码属于动态调用：

let c1="./c"
let c2=".js";
const f=require(c1+c2);

console.log(f);

原因是require()的参数并非固定的字符串字面量，而是通过c1 + c2这个运行时表达式计算得出的结果，依赖代码执行时的变量值才能确定最终的模块路径。

四、c1+c2的解析时机 #

c1 + c2的拼接操作是在运行时完成的。CommonJS模块的加载逻辑是：当代码执行到require()语句时，才会计算它的参数值，随后根据这个值查找对应的模块文件、读取内容、执行模块代码，最后返回导出的结果。

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