在JavaScript前端工程中，CommonJS（CJS）、ES Module（ESM）和Universal Module Definition（UMD）这三种模块化标准各自具有哪些特点？它们在语法、加载方式、依赖解析及使用场景上有什么不同？
考察说明
考察对前端模块化标准的核心差异及其适用场景的理解，包括语法、加载机制、同步异步及兼容性。
回答思路
- 【回答框架 1】CommonJS（CJS）主要用于Node.js环境，采用require和module.exports导入导出，依赖是同步加载的，适合服务端。由于是同步机制，在浏览器中直接使用会导致页面阻塞，因此浏览器端需要构建工具转换或包装。
- 【回答框架 2】ES Module（ESM）是ECMAScript官方标准，使用import和export，支持静态分析，因此可以做tree-shaking。它在浏览器和现代Node.js（支持.mjs）中可用，加载是异步的，支持循环依赖处理（虽然设计更严格）。
- 【回答框架 3】UMD（Universal Module Definition）是一个通用包装格式，兼容CJS和AMD（以及全局变量方式），通过判断环境（如typeof exports、typeof define）来决定模块导出方式。这样同一份代码可以在Node、浏览器（AMD加载器如RequireJS）或直接用script标签时都能工作。
- 【回答框架 4】总结差异：语法不同（require/module.exports vs import/export），加载时机不同（CJS同步，ESM异步），依赖解析（CJS运行时确定，ESM静态可分析），使用场景（CJS服务端，ESM现代前端，UMD用于兼容多种环境的库）。
- 【关键点 1】CommonJS是同步加载，ESM是异步加载，UMD是兼容CJS和AMD的通用格式。
- 【关键点 2】ESM支持静态分析和tree-shaking，CJS是动态的。
- 【关键点 3】UMD通过环境检测选择模块系统，适合发布库。
- 【关键点 4】现代浏览器原生支持ESM，Node.js需通过.mjs或commonjs包类型配置。
- 【易错点 1】混淆ESM和CJS的this指向（ESM顶层this是undefined，CJS是module.exports）。
- 【易错点 2】认为所有构建工具都支持ESM tree-shaking，实际上可能需要特定配置。
- 【易错点 3】忽略UMD的全局变量冲突风险。