如何在 JavaScript 文件之间共享代码？

TL;DR

要在 JavaScript 文件之间共享代码，您可以使用模块。在现代 JavaScript 中，您可以使用带有 export 和 import 语句的 ES6 模块。例如，您可以从一个文件导出一个函数并将其导入到另一个文件中：

// file1.js
export function greet() {
  console.log('Hello, world!');
}

// file2.js
import { greet } from './file1.js';
greet();

或者，在 Node.js 中，您可以使用 module.exports 和 require：

// file1.js
module.exports = function greet() {
  console.log('Hello, world!');
};

// file2.js
const greet = require('./file1.js');
greet();

要共享代码，您可以使用 export 关键字从模块中导出变量、函数或类：

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

export const PI = 3.14;

然后，您可以使用 import 关键字在另一个文件中导入导出的代码：

// main.js
import { add, PI } from './utils.js';

console.log(add(2, 3)); // 5
console.log(PI); // 3.14

您还可以从模块导出一个默认值：

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

并在没有大括号的情况下导入它：

// main.js
import subtract from './math.js';

console.log(subtract(5, 2)); // 3

在 Node.js 中，您可以使用 module.exports 导出代码：

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

module.exports.PI = 3.14;

然后，您可以使用 require 导入导出的代码：

// main.js
const utils = require('./utils.js');

console.log(utils.add(2, 3)); // 5
console.log(utils.PI); // 3.14

您也可以导出一个值：

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

并直接导入它：

// main.js
const subtract = require('./math.js');

console.log(subtract(5, 2)); // 3

测试版