JavaScript 模块化开发是指在开发过程中，将程序中的代码按照功能和作用域划分成一个个独立的模块，每个模块有自己的作用域和依赖，可以单独进行开发、测试、维护和部署。这样可以提高程序的可维护性、可扩展性和可复用性，避免代码之间的命名冲突和污染全局命名空间。

以下是 JavaScript 模块化开发的几种方式：

IIFE 模式

IIFE（Immediately Invoked Function Expression，立即执行函数表达式）模式是一种自执行函数的方式，它将程序中的代码封装在一个函数作用域中，并且通过函数的返回值来暴露模块的接口。例如：

let person = (function() {
  let name = 'Tom';
  let age = 20;
  function sayHello() {
    console.log('Hello, my name is ' + name);
  }
  return {
    sayHello: sayHello
  };
})();

person.sayHello(); // Hello, my name is Tom

CommonJS 规范

CommonJS 是一种 JavaScript 模块化规范，它定义了模块的导入和导出方式，并且可以在 Node.js 环境中使用。例如：

// person.js
let name = 'Tom';
let age = 20;
function sayHello() {
  console.log('Hello, my name is ' + name);
}
module.exports = {
  sayHello: sayHello
};

// app.js
let person = require('./person');
person.sayHello(); // Hello, my name is Tom

AMD 规范

AMD（Asynchronous Module Definition，异步模块定义）是一种 JavaScript 模块化规范，它定义了模块的异步加载和导入方式，并且可以在浏览器环境中使用。例如：

// person.js
define(function() {
  let name = 'Tom';
  let age = 20;
  function sayHello() {
    console.log('Hello, my name is ' + name);
  }
  return {
    sayHello: sayHello
  };
});

// app.js
require(['person'], function(person) {
  person.sayHello(); // Hello, my name is Tom
});

ES6 模块化

ES6 引入了一种新的 JavaScript 模块化规范，它使用 import 和 export 关键字来导入和导出模块，可以在现代浏览器和 Node.js 环境中使用。例如：

// person.js
let name = 'Tom';
let age = 20;
function sayHello() {
  console.log('Hello, my name is ' + name);
}
export { sayHello };

// app.js
import { sayHello } from './person';
sayHello(); // Hello, my name is Tom

以上是 JavaScript 模块化开发的几种方式，开发者可以根据实际需求选择适合自己的方式。

#挑战30天在头条写日记#