ES6模块是现代JavaScript工程基础设施，浏览器需type="module"声明，路径须带后缀；export default与named export可混用但导入方式不同；Node.js中CommonJS与ESM不可混用；循环导入返回部分初始化对象。

ES6 模块（import/export）不是“可选增强”，而是现代 JavaScript 工程的基础设施——但直接在浏览器中用 type="module" 加载，或在 Node.js 里开 "type": "module"，不处理细节就会报错。

为什么 import 在浏览器里报 “Not a module”？

浏览器只把带 type="module" 的 当作 ES 模块处理，普通 即使写了 import 也会 SyntaxError。

• 必须显式声明：

• 模块脚本默认是 defer 行为，且无法访问 window 上的全局变量（如未用 var 声明的裸变量）
• 路径必须是相对或绝对 URL，import './utils' 不合法，得写成 import './utils.js'（Node.js 允许省略后缀，浏览器不行）

export default 和 export 能混用吗？

能，但导入方式完全不同，混用容易搞错引用名。

• export default function foo() {} → 导入时名字任意：import anything from './mod.js'
• export const bar = 1; export function baz() {} → 必须用命名导入：import { bar, baz } from './mod.js'
• 不能同时写 export default 和 export { ... } 然后又用 import * as ns from 想一网打尽——default 不会出现在命名空间对象里，得额外解构：import def, * as ns from './mod.js'

Node.js 中 require() 和 import 能共存吗？

不能动态混用：一个文件要么是 CommonJS（require + module.exports），要么是 ESM（import/export），由 "type": "module" 或 .mjs 后缀决定。

• CommonJS 文件里不能写 import，ESM 文件里不能用 require()（除非用 import('path') 动态导入）
• 想从 ESM 中加载 CommonJS 包（比如 lodash）？可以：import _ from 'lodash'，Node.js 会自动包装，但注意返回的是 default 导出，没有命名导出
• 反过来，CommonJS 中想加载 ESM？只能用 await import('./mod.js')，且必须在 async 函数内

循环依赖时 import 返回什么？

ESM 的循环导入不会报错，但返回的是“部分初始化”的模块对象——导出值可能是 undefined，尤其当依赖发生在顶层赋值前。

/* a.js */
import { b } from './b.js';
export let a = 'a';
console.log(b); // undefined
/ b.js /
import { a } from './a.js';
export let b = 'b';
console.log(a); // undefined

关键点：ESM 绑定是“实时绑定”（live binding），不是值拷贝；但初始化顺序导致首次读取时，对方的 export 还没执行完。别依赖循环导入中的顶层变量值，改用函数封装或延迟求值。