Node.js中的`require`和`import`的区别是什么？

最新推荐文章于 2025-06-07 21:29:46 发布

JJCTO袁龙

最新推荐文章于 2025-06-07 21:29:46 发布

阅读量1.4k

点赞数 18

CC 4.0 BY-SA版权

分类专栏： Node.js 文章标签： node.js

本文链接：https://blog.youkuaiyun.com/yuanlong12178/article/details/142062049

Node.js 专栏收录该内容

251 篇文章

订阅专栏

Node.js中的`require`和`import`的区别是什么？

在现代JavaScript开发中，模块系统的使用变得越来越普遍。而在Node.js和浏览器环境中，我们主要遇到两种模块导入的方法：require和import。虽然二者的目的相同，都是用于引入模块，但它们在使用方式、性能、兼容性等方面存在显著的区别。本文将深入探讨这两种方式的特点及其适用场景，并提供示例代码加以说明。

`require`：CommonJS模块

1. 基本概念

require是Node.js默认的模块加载方式，属于CommonJS模块规范。这种标准的模块系统设计目标是为了在服务器端实现模块的同步加载。

2. 使用方式

使用require导入模块非常简单，语法如下：

const moduleName = require('./moduleName');

示例代码：

// hello.js
module.exports = function() {
    return 'Hello, World!';
};

// app.js
const hello = require('./hello');
console.log(hello()); // 输出：Hello, World!

3. 特点

同步加载：require会在代码执行时立刻解析模块，这对于服务器环境下需要速度的场景非常重要。
支持动态加载：因为在运行时解析模块，可以在条件语句中使用。

let moduleToLoad = condition ? './moduleA' : './moduleB';
const myModule = require(moduleToLoad);

一个文件只加载一次：同一个模块加载多次时，require会缓存模块，之后再加载时直接使用缓存。

4. 适用场景

主要用于Node.js环境中的后端开发。
如果需要动态加载模块。

`import`：ES6模块

1. 基本概念

import语法是ES6引入的模块加载方式，属于ES模块（ESM）规范。与CommonJS相比，ESM是为浏览器和Node.js设计的新标准。

2. 使用方式

使用import语法可以引入默认导出和命名导出，语法如下：

import moduleName from './moduleName';
import { namedExport } from './moduleName';

示例代码：

// hello.js
export default function() {
    return 'Hello, World!';
}

// app.js
import hello from './hello';
console.log(hello()); // 输出：Hello, World!

3. 特点

异步加载：import支持异步加载模块，适合浏览器环境。
静态分析：在编译阶段可以进行静态分析，便于工具和优化。
严格模式：ESM默认以严格模式（“strict mode”）运行。

4. 适用场景

主要用于浏览器环境以及更现代的Node.js环境。
如果你希望能够进行树摇（tree-shaking），从而减小最终打包体积。
适用于需要模块化结构的小型或大型前端项目。

主要区别比较

特点	`require` (CommonJS)	`import` (ESM)
加载方式	同步	异步
支持的环境	Node.js	Node.js 和浏览器
语法	`const module = require`	`import module from`
解析时机	运行时	编译时
模块加载	允许动态加载	不支持动态加载
默认导出	`module.exports`	`export default`
严格模式	不强制	强制

选择合适的模块系统

不同的情况适合选择不同的模块系统。如果你正在进行Node.js后端开发，使用require是十分合适的。但如果你希望编写更现代的JavaScript代码，且在浏览器和Node.js上都能运行，使用import将会让你的代码更加简洁和高效。

在项目中，可以根据需要使用Webpack、Babel等工具，将import语法转换为require语法，以实现跨环境支持。

示例：结合使用

以下是一个结合使用require和import的综合示例：

// math.js (CommonJS)
module.exports = {
    sum: (a, b) => a + b,
    multiply: (a, b) => a * b,
};

// app-esm.js (ESModule)
import { createServer } from 'http';
import { sum } from './math';

const server = createServer((req, res) => {
    if (req.url === '/sum') {
        res.writeHead(200, { 'Content-Type': 'text/plain' });
        res.end(`The sum is: ${sum(1, 2)}`);
    } else {
        res.writeHead(404);
        res.end();
    }
});

server.listen(3000, () => {
    console.log('Server running on port 3000');
});