CommonJS是一种服务器端模块化规范,主要用于Node.js环境中。它采用同步加载的方式,通过require方法加载模块。
/* 导出模块 */
module.exports = {
/* 模块代码 */
}
/* 导入模块 */
const module = require('module')
AMD是一种浏览器端模块化规范,主要用于异步加载模块。它采用define方法定义模块,通过require方法异步加载模块。
/* 定义模块 */
define(['module1', 'module2'], function (module1, module2) {
/* 模块代码 */
return {
/* 导出模块 */
}
})
/* 导入模块 */
require(['module'], function (module) {
/* 使用模块 */
})
ES6 Modules是JavaScript官方提供的模块化规范,主要用于浏览器和Node.js环境中。它采用import和export语句定义和导出模块。
/* 导出模块 */
export default {
/* 模块代码 */
}
/* 导入模块 */
import module from 'module'
实现方式:
CommonJS和AMD规范需要使用特定的模块加载器,如Node.js中的require方法和require.js库。而ES6 Modules可以直接在现代浏览器和Node.js中使用。
应用:模块化开发可以提高代码的可维护性和重用性,方便团队协作。在实际开发中,可以根据项目的不同需求选择适合的模块化规范。