DEV Community
·
JavaScript 中的 import 与 require 对比
💡
原文英文，约200词，阅读约需1分钟。
📝
内容提要
JavaScript中，import是ES6特性，支持异步加载，只提取所需内容，需在文件顶部使用；require是同步加载，引入整个文件，可在任意位置使用。最新Node版本中，require也支持解构赋值。
🎯
关键要点
- import是ES6特性，支持异步加载。
- require是旧式方法，支持同步加载。
- require会引入整个文件，而import只提取所需内容。
- import必须在文件顶部使用，而require可以在任意位置使用。
- 最新Node版本中，require也支持解构赋值。
❓
延伸问答
JavaScript中的import和require有什么主要区别？
import是ES6特性，支持异步加载，只提取所需内容；而require是旧式方法，支持同步加载，引入整个文件。
使用import时有什么限制？
import必须在文件顶部使用，不能在其他位置调用。
require的加载方式是什么？
require是同步加载，逐步引入整个文件，即使不需要其中的某些部分。
在最新的Node版本中，require有什么新特性？
最新Node版本中，require也支持解构赋值，可以提取所需的对象或函数。
为什么选择使用import而不是require？
使用import可以异步加载并只提取所需内容，减少不必要的代码引入，提高性能。
如何使用import提取特定的函数？
可以使用语法如import { functionName } from 'filePath';来提取特定的函数。
➡️
