import和require的区别或不同

最新推荐文章于 2025-04-02 14:53:00 发布
最新推荐文章于 2025-04-02 14:53:00 发布
阅读量757 收藏
点赞数
文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_58845736/article/details/121697353
版权
本文探讨了require和import在JavaScript中的时间差异、模块本质及引入方式。require是运行时动态加载，适合灵活引入；import则为编译时静态导入，提升效率并支持静态分析。了解它们在node.js和浏览器环境中的不同应用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

区别1：模块加载的时间
require：运行时加载
import：编译时加载（效率更高）【由于是编译时加载，所以import命令会提升到整个模块的头部】

区别2：模块的本质
require：模块就是对象，输入时必须查找对象属性
import：ES6 模块不是对象，而是通过 export 命令显式指定输出的代码，再通过 import 命令输入（这也导致了没法引用 ES6 模块本身，因为它不是对象）。由于 ES6 模块是编译时加载，使得静态分析成为可能。有了它，就能进一步拓宽 JavaScript 的语法，比如引入宏（macro）和类型检验（type system）这些只能靠静态分析实现的功能。

区别3：引入时的不同

node编程中最重要的思想是模块化，import和require都是被模块化使用

require是运行时调用，所以可以随处引入

import是编译时调用，必须放在文件开头引入，目前部分浏览器不支持，需要用babel把es6转成es5再执行

山川-
关注
Node中导入模块require和import傻傻分不清楚
01-02 4万+
ES6标准发布后，module成为标准，标准的使用是以export指令导出接口，以import引入模块，但是在我们一贯的node模块中，我们采用的是CommonJS规范，使用require引入模块，使用module.exports导出接口。 不把require和import整清楚，会在未来的标准编程中死的很难看。 require时代的模块 node编程中最重要的思想之一就是模块，
前端面试：import 和 require 区别
AsBefore麦小兜
04-01 2527
1、遵循的规范不同 require 是AMD规范引入方式 import 是es6的一个语法标准，兼容浏览器要转换成es5 2、调用时间 require是运行时调用，require是个函数所以require理论上可以运用在代码的任何地方 import是编译时调用，所以必须放在文件开头 且放在全局中引入 3、本质 require是赋值过程，其实require的结果就是对象、数字、字符串、函数等，再把require的结果赋值给某个变量 import是解构过程，但是目前所有的引擎都还没有实现im.
import和require的区别
weixin_33781606的博客
10-30 229
原文地址：https://www.cnblogs.com/sunshq/p/7922182.html import和require的区别 node编程中最重要的思想就是模块化，import和require都是被模块化所使用。 遵循规范 require 是 AMD规范引入方式import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法 调用时间 require是运行时调用，所...
为什么 js 对象中引用本地图片需要写 require 或 import
最新发布
L_xxxxxxx的博客
04-02 597
现代前端工程（如 Vue、React）使用 webpack / vite 等构建工具，这些工具要求所有静态资源必须显式声明依赖
js中require和import区别
wulong710的专栏
11-18 556
在js中一般用require const { CFather } = require("./children/CFather"); let person = new CFather(); person.draw(); 参考：https://www.cnblogs.com/hwldyz/p/9145959.html 这两个都是为了JS模块化编程使用. 遵循规范 require是 AMD规范引入方式 import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法 调用时间 r.
Javascript(es2016) import和require用法和区别详解
10-19
在ES2016中，主要使用import和require两种方式来实现模块的导入和导出，这两者之间有一些重要的用法和区别。 首先，我们需要了解export和import的基本用法。在ES2016中，export可以将一个变量、函数、类或对象导出...
vue中 import和require使用和区别
猿脑2.0的博客
07-24 1370
import和require各有优缺点，它们服务于不同的模块系统。在开发现代JavaScript应用程序时，import是更常见的选择，因为它提供了更清晰的语法和更好的模块管理。然而，在Node.js环境中，require仍然是标准做法，尤其是在旧版Node.js不支持ES6模块的情况下。随着Node.js对ES6模块的原生支持，import的使用将变得更加普遍。
JavaScript中使用import 和require打包后实现原理分析
10-18
为了说明如何使用webpack打包import和require的代码，我们可以在命令行中使用webpack命令，并指定入口文件（如main.js），最终生成bundle.js文件。bundle.js就是webpack处理后的结果，它包含了整个应用的运行逻辑。 ...
详解Node中导入模块require和import的区别
08-29
Node.js 中导入模块 require 和 import 的区别 Node.js 中的模块化编程是基于 CommonJS 规范的，而在 ES6 中，则是基于 ES6 模块标准的。在 Node.js 中，我们使用 require 函数来导入模块，而在 ES6 中，我们使用 ...
import 和require的区别
muzidigbig的博客
11-22 705
import 和require的区别 import：编译时加载（效率更高）【由于是编译时加载，所以import命令会提升到整个模块的头部】（2）ES6 的模块自动采用严格模式，不管你有没有在模块头部加上 “use strict”;（3）CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用。（1）CommonJs模块默认采用非严格模式。require ： CommonJs模块。CommonJs模块和ES6模块的区别。require：运行时加载。import ：ES6模块。
import和require区别
03-25
在 Lua 中，import 和 require 都可以用来引入模块，不过它们之间有几个不同之处： - require 只需要给出模块名，而 import 需要给出模块名和目标变量名。 - require 返回整个模块，而 import 只是返回模块中的一个变量或函数。 - require 只会加载每个模块一次，再次调用 require 时会直接返回之前的结果，而 import 则会每次从模块中获取变量或函数。 总之，这两者的选择取决于你的实际需要。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值