JavaScript require和import有何不同_如何选择？

require是CommonJS运行时动态加载，import是ESM编译时静态解析；二者不可混用，选择取决于环境、工具链和项目规范。

require 是 CommonJS 模块系统的语法，运行时动态加载；import 是 ES 模块（ESM）的标准语法，编译时静态解析。两者不能混用（除非借助工具转换），选择主要看运行环境、打包工具和项目规范。

模块系统背景不同

require 来自 Node.js 早期采用的 CommonJS 规范，每个文件是一个模块，通过 module.exports 导出、require() 导入，支持动态路径和条件加载。

import/export 是 ECMAScript 官方标准（ES2015 起），设计为静态结构——语句必须在顶层、不能放在 if 或函数内，便于 Tree-shaking 和编译优化。

加载时机与执行方式不同

require 是同步执行的，调用时才去读取、解析、执行模块代码，可写成 require(somePath + '.js') 这类动态形式。

立即学习“Java免费学习笔记（深入）”；

import 必须在模块顶部声明，浏览器和现代 Node.js（需 .mjs 或 type="module"）会先解析所有 import 语句，构建依赖图，再统一执行——因此不支持运行时拼接路径。

• ✅ import { foo } from './utils.js' —— 合法
• ❌ if (x) import { bar } from './other.js' —— 语法错误
• ✅ const mod = await import('./dynamic.js') —— 动态导入（返回 Promise），是 import 的补充，不是 require 替代品

Node.js 中的实际使用差异

Node.js 从 v12 起支持 ESM，但默认仍是 CommonJS（.js 文件）。启用 ESM 需满足以下任一条件：

标签： javascript java js node.js json node vite 浏览器 工具 ai