【JavaScript相关】模块化开发怎么做？（约225字）-IT面试吧

模块化开发怎么做？

当涉及模块化开发时，有多种方法可供选择：

1. 立即执行函数模式：

使用立即执行函数来创建模块，将私有成员放在函数作用域内，不直接暴露给外部。
通过返回一个包含公共方法的对象，使这些方法可以在外部访问。

    var module = (function() {
      var privateVar = 'Private Variable';
    
      function privateMethod() {
        console.log('This is a private method');
      }
    
      function publicMethod() {
        console.log('This is a public method');
      }
    
      return {
        publicMethod: publicMethod
      };
    })();
    
    module.publicMethod(); // Output: This is a public method

2. CommonJS：

使用 require 导入模块，使用 module.exports 或 exports 导出模块。
适用于 Node.js 环境。

    // math.js
    function add(a, b) {
      return a + b;
    }
    
    function subtract(a, b) {
      return a - b;
    }
    
    module.exports = {
      add,
      subtract
    };

    // app.js
    const math = require('./math');
    
    console.log(math.add(2, 3)); // Output: 5
    console.log(math.subtract(5, 2)); // Output: 3

3. ES Modules：

使用 import 导入模块，使用 export 导出模块。
适用于现代浏览器环境和支持 ES6 模块的工具链。

    // math.js
    export function add(a, b) {
      return a + b;
    }
    
    export function subtract(a, b) {
      return a - b;
    }

    // app.js
    import { add, subtract } from './math';
    
    console.log(add(2, 3)); // Output: 5
    console.log(subtract(5, 2)); // Output: 3

4. AMD（Asynchronous Module Definition）：

使用 define 定义模块，通过异步加载模块。
适用于浏览器环境和需要按需加载模块的场景。

    // math.js
    define([], function() {
      function add(a, b) {
        return a + b;
      }
    
      function subtract(a, b) {
        return a - b;
      }
    
      return {
        add,
        subtract
      };
    });

    // app.js
    require(['math'], function(math) {
      console.log(math.add(2, 3)); // Output: 5
      console.log(math.subtract(5, 2)); // Output: 3
    });