7 模块化-3 常见模块化规范

# 常见模块化规范

# CommonJS—exports & require

Webpack 和 NodeJS 都是使用 CommonJS 来做模块化的

导出（只展示语法，需要解析）：

// js/a.js
var name = "aaa";
var flag = true;
var sum = function (num1, num2) {
    return num1 + num2;
};

// ES5写法，也可以使用ES6对象增强写法（不再赘述）
module.exports = {
    name: name,
    flag: flag,
    sum: sum
}

1
2
3
4
5
6
7
8
9
10
11
12
13

导入

// js/b.js
var a = require('./a.js')
// 也可以使用对象解构语法
var {name, flag, sum} = require('./a.js')
console.log(name)

1
2
3
4
5

# AMD

# CMD

# ES6 的 Modules

编辑

上次更新: 2022/03/23, 17:55:39

← 7 模块化-2 ES5模块化 8 网络-1 Ajax→