JavaScript 常用module标准的使用

CommonJS

CommonJS是一种JavaScript模块化的标准，它的目标是让JavaScript代码能够在服务器端运行。在Node.js中，就是采用了CommonJS标准。

###导出模块

在CommonJS中，使用module.exports来导出模块。 例如，我们有一个math.js模块，其中包含两个函数add和multiply：

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

可以看到，在math.js中，我们使用module.exports来导出了两个函数add和multiply。

导入模块

在CommonJS中，使用require来导入模块。 例如，在另一个文件中，我们可以导入math.js模块：

const math = require('./math.js');
console.log(math.add(1, 2)); // 输出3
console.log(math.multiply(3, 4)); // 输出12

ES6

ES6是JavaScript的一个版本，它引入了一些新的语法特性，其中包括了模块化的支持。

导出模块

在ES6中，使用export关键字来导出模块。 例如，我们有一个math.js模块，其中包含两个函数add和multiply：

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

导入模块

在ES6中，使用import关键字来导入模块。
例如，在另一个文件中，我们可以导入math.js模块：

import { add, multiply } from './math.js';
console.log(add(1, 2)); // 输出3
console.log(multiply(3, 4)); // 输出12

需要注意的是，在ES6中，导入的模块是静态的，也就是说，在编译时就确定了导入的模块，无法动态导入

本作品采用《CC 协议》，转载必须注明作者和本文链接