require导入module.exports 或 exports导出的使用方法

一、CommonJS 的导入和导出

1.定义

CommonJS 是一种用于 JavaScript 的模块化规范，用于在服务端环境和旧版浏览器中组织和管理代码。它定义了模块的导入（require）和导出（module.exports 或 exports）方式，并支持同步加载模块。

2.特点和使用方法

1.导入模块：
使用 require 函数来导入模块。
可以通过相对路径或绝对路径指定要导入的模块文件。
返回被导出的模块内容。

2.导出模块：
使用 module.exports 或 exports 对象导出模块内容。
可以导出变量、函数、对象或其他模块。
module.exports 是导出整个模块的内容，而 exports 是 module.exports 的一个引用。

3.同步加载：
require 函数是同步的，会阻塞后续代码的执行直到模块加载完毕。
适用于在服务器环境中加载本地模块或在旧版浏览器环境中加载模块。

4.动态加载：
可以在运行时根据需求动态加载模块。

5.块级作用域：
CommonJS 模块使用立即执行函数表达式（IIFE）封装，每个模块都具有自己的作用域。
模块内定义的变量和方法默认是私有的，不会暴露到全局作用域。

// 导出模块内容
module.exports = {
  variable1: value1,
  myFunction: function() { /* 函数体 */ }
};
// 导入模块
const myModule = require('./myModule');
// 使用导入的模块内容
console.log(myModule.variable1);
myModule.myFunction();
需要注意的是，在浏览器环境中，CommonJS 模块需要使用打包工具（如 Browserify、Webpack）将其转换为浏览器可识别的格式，或者使用库（如 RequireJS）来加载和管理模块。

三、具体使用

在 CommonJS 模块系统中，module.exports 和 exports 是指向同一个对象的引用，但不能直接将 exports 赋值为新对象或值，因为它只是 module.exports 的一个引用。如果想要导出一个新的对象或值，请使用 module.exports。

1.导出单个变量、函数或对象

module.exports = myVariable;
//或者
exports.myVariable = myVariable;

2.导出多个变量、函数或对象

module.exports = {
  variable1: value1,
  variable2: value2,
  myFunction: function() { /* 函数体 */ }
};
//或者
exports.variable1 = value1;
exports.variable2 = value2;
exports.myFunction = function() { /* 函数体 */ };

3.通过赋值给 exports 对象导出：

module.exports = {
  variable1: value1,
  variable2: value2,
  myFunction: function() { /* 函数体 */ }
};
//或者
exports.variable1 = value1;
exports.variable2 = value2;
exports.myFunction = function() { /* 函数体 */ };

4.导入

//在 CommonJS 中，使用 require 导入模块时，会返回被导出的内容
const myModule = require('./myModule');

module.exports：用于导出整个模块的内容。可以通过赋值给 module.exports 导出一个对象、函数或值。导出的内容可以被其他模块通过 require 导入。例如：module.exports = myVariable;

exports：是 module.exports 的一个引用，并且可以通过添加属性和方法来导出多个值。当使用 exports.variable = value 导出时，实际上是在修改 module.exports 对象，将变量作为其属性添加进去。例如：exports.myFunction = function() { /* 函数体 */ };

需要注意的是，module.exports 和 exports 是同一份内存空间的引用，因此直接给 exports 赋予一个新的对象或值并不会更改 module.exports 的引用。所以，如果要导出一个新的对象或值，应该使用 module.exports。

到此这篇关于require导入module.exports 或 exports导出的使用的文章就介绍到这了,更多相关require导入module.exports内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

最新评论