如何在 JavaScript 中使用 require() 函数？

在本文中，我们将了解 JavaScript 中的 require() 函数。

require() 函数是 JavaScript 中的一个内置函数。它是 CommonJS 模块系统的重要组成部分，该系统用于导入模块，并允许您在代码中使用外部模块。

模块类似于 JavaScript 库，但模块较小，包含一段代码。它包含类和函数，有助于改进代码并帮助以有组织的方式维护代码。这些模块可以是内置的，也可以是自定义的。我们可以导入内置和自定义模块，并在需要时使用它们。有时我们需要从 Web 导入外部模块，可以通过利用基于 Web 的位置来实现。

如何使用 require() 函数？

使用 require() 函数很简单。我们只需将一个函数分配给一个变量即可。

通用语法

在上面的语法中，var_name 是变量的名称，require() 是包含位置名称作为参数的函数。

导入外部模块的语法

在上面的语法中，my_var 是变量的名称，require() 是包含外部位置作为参数的函数。

导入本地文件的语法

在上面的语法中，my_var 是变量的名称，require() 是包含本地文件位置作为参数的函数，该参数由点表示法表示，该表示法定义了文件夹的根位置。

CommonJS 和 ESM 模块格式

CommonJS 模块在 Node.js 生态系统中长期以来一直是默认模块，但也可以使用一种名为 ECMAScript 模块的新模块。这两种模块都可以与 Node.js 正常工作，但它们的执行方式彼此不同。

CommonJS

它是 Node.js 中的默认模块格式，它使用 require() 函数和 module.exports 对象来导入模块。

示例

让我们通过示例来理解它。

//file1.js

我们创建了一个名为 file1.js 的文件，其中包含 add 函数。module.exports 是 Node.js 中的一个对象，它定义了我们要允许使用的工具。

//file2.js

我们使用了 require('./file') 函数，它从 file1.js 导入 add 函数。现在，我们不需要再次编写所有代码。我们只需导入函数并在需要时使用它。

输出

 
63

ECMAScript 模块 (ESM)

ECMAScript 模块在 ECMAScript 2015 中引入，它是现代模块格式。它现在在现代浏览器中得到支持。它使用 import 和 export 等关键字来导入模块。

示例

//greetings.mjs

//index.mjs

输出

 
Hi, Javatpoint!

注意：旧浏览器可能不支持 ECMAScript 模块，因此您可能需要使用 Browserify 和 Webpack 等打包器或其他替代方案。

结论

我们在本文中了解了 **JavaScript 中的 require() 函数**。此函数是正确组织和维护代码的绝佳工具。