前端面试题（十二）

63. JavaScript 模块化

• 什么是 JavaScript 模块化？

  • 模块化 是指将代码分割成独立的模块，每个模块负责一个单一的功能或逻辑。通过模块化，代码更加结构化、易于维护、复用性强。
  • 在 JavaScript 中，模块化的实现经历了多个阶段，从最早的全局作用域到后来的 AMD、CommonJS 和 ES6 模块系统。

• 常见的模块化方案：

  1. CommonJS：Node.js 中使用的模块化方案，模块通过 module.exports 导出，通过 require 导入。

     • 特点：同步加载，适用于服务器端。
     • 例子：

       // 导出模块
       module.exports = function add(a, b) {
                
         return a + b;
       };
       // 导入模块
       const add = require('./add');
       console.log(add(2, 3)); // 输出 5
       

  2. AMD (Asynchronous Module Definition)：一种前端模块化方案，主要用于浏览器环境，模块通过 define 定义，通过 require 导入。

     • 特点：异步加载，适用于浏览器端。
     • 例子：

       define(['math'], function(math) {
                
         console.log(math.add(2, 3));
       });
       

  3. ES6 模块：ES6 标准引入的模块系统，通过 export 导出，通过 import 导入。

     • 特点：支持静态分析，异步加载，适用于浏览器和服务器。
     • 例子：

       // 导出模块
       export function add(a, b) {
                
         return a + b;
       }
       // 导入模块
       import {