import和require的区别

于 2023-02-14 18:51:25 发布
阅读量155 收藏
点赞数
文章标签： javascript 前端 vue.js 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42591413/article/details/129605166
版权
本文介绍了JavaScript中的ES6导入语法`import`和Node.js中的CommonJS规范`require`在模块加载上的主要区别，包括`import`的异步加载特性与`require`的同步加载方式，以及它们返回值的不同。这两种方法分别代表了不同的加载标准，影响着代码的执行顺序和模块处理方式。
摘要由CSDN通过智能技术生成

"import" 和 "require" 是 JavaScript 和 Node.js 中常用的两种模块加载方式，两者有以下几点区别：

  1. 语法："import" 是 ES6 中新增的语法，而 "require" 是 CommonJS 规范，是 Node.js 的标准加载方式。

  2. 加载顺序："require" 是同步加载的，也就是说代码会在执行到 "require" 语句时等待加载完成再继续执行；而 "import" 是异步加载的，代码不会等待 "import" 语句加载完成再执行。

  3. 返回值："require" 返回的是一个对象，而 "import" 返回的是一个模块的输出值

金刚廉神兽
关注
前端面试：import 和 require 区别
AsBefore麦小兜
04-01 2358
1、遵循的规范不同 require 是AMD规范引入方式 import 是es6的一个语法标准，兼容浏览器要转换成es5 2、调用时间 require是运行时调用，require是个函数所以require理论上可以运用在代码的任何地方 import是编译时调用，所以必须放在文件开头 且放在全局中引入 3、本质 require是赋值过程，其实require的结果就是对象、数字、字符串、函数等，再把require的结果赋值给某个变量 import是解构过程，但是目前所有的引擎都还没有实现im.
require和import的区别
D_S_S_的博客
12-19 337
require和import的区别
import 和 require 区别
qq_38110572的博客
08-21 3364
ES6之前出现了JS模块加载最主要是CommonJS和AMD规范。CommonJS前者主要应用于服务器，实现同步加载，如nodejs。AMD规范应用于浏览器，如requirejs,为异步加载。 import和require区别 node编程中最重要的思想是模块化，import和require都是被模块化使用 require是运行时调用，所以可以随处引入 import是编译时调用，必须放在文件开头引入，目前部分浏览器不支持，需要用babel把es6转成es5再执行 import（es6语法） ES6模块主要有
require与import的区别和使用
肖肖肖丽珠的博客
06-30 2284
、require与import的区别和使用(CommonJS规范和es6规范) 1、import是ES6中的语法标准也是用来加载模块文件的，import函数可以读取并执行一个JavaScript文件，然后返回该模块的export命令指定输出的代码。export与export default均可用于导出常量、函数、文件、模块，export可以有多个，export default只能有一个。 2、require 定义模块：module变量代表当前模块，它的exports属性是对外的接口。通过expo
Javascript(es2016) import和require用法和区别详解
10-19
在ES2016中，主要使用import和require两种方式来实现模块的导入和导出，这两者之间有一些重要的用法和区别。 首先，我们需要了解export和import的基本用法。在ES2016中，export可以将一个变量、函数、类或对象导出...
JavaScript中使用import 和require打包后实现原理分析
10-18
为了说明如何使用webpack打包import和require的代码，我们可以在命令行中使用webpack命令，并指定入口文件（如main.js），最终生成bundle.js文件。bundle.js就是webpack处理后的结果，它包含了整个应用的运行逻辑。 ...
import和require区别
最新发布
03-25
在 Lua 中，import 和 require 都可以用来引入模块，不过它们之间有几个不同之处： - require 只需要给出模块名，而 import 需要给出模块名和目标变量名。 - require 返回整个模块，而 import 只是返回模块中的一个...
import、import()和require()的区别
cppp1111的博客
04-21 912
@TOC 1.import import是静态加载资源，编译时放到代码块最顶层。 2.import() import()函数则是动态按需加载返回Promise 对象。i mport()函数可以用在任何地方，不仅仅是模块，非模块的脚本也可以使用。 import()函数它是运行时执行，也就是说，什么时候运行到这一句，就会加载指定的模块。 import()是异步加载 3.require() require() 引入的地址路径 require()是同步加载 ...
一篇文章说透require和import的区别
weixin_46391646的博客
05-11 4991
一篇文章说透require和import的区别
ES6 module语法中export和import的使用
风如也的博客
08-15 2110
ES6 中 module 的语法 export 命令 模块功能主要由两个命令构成：export 和 import。 export 命令用于规定模块的对外接口，import 命令用于输入其他模块提供的功能。 一个模块就是一个独立的文件。该文件内部的所有变量， ...
ES6模块化(对比commonjs模块化)
qq_36303110的博客
11-26 819
ES6模块化 异步加载JavaScript脚本 <script src="path/to/myModule.js" defer></script> <script src="path/to/myModule.js" async></script> <!-- defer是“页面渲染完再执行”，async是“js脚本下载完就执行” --> 浏览器加载ES6模块 使用type = ‘module’ 属于异步加载，等同于打开了defer属性 &lt
require js 同步加载和异步加载
zhangjieshuaige的专栏
08-31 1万+
今天项目里看到了requireJs的代码，然后自己搜了下，发现网上的例子基本都是require([], function() { //代码逻辑})的写法，然后有个疑问就是难道模块的调用逻辑都要在回调函数里写吗，于是试验了下能否在外部调用，详情如下： 首先有个用来被引用的js文件，叫ccc.js，内容是 define(function(){   console.info('load ccc.js...
关于vue组件的引入方式有两种，同步和异步，生命周期执行顺序不同
qq_23064501的博客
07-14 2422
1、同步 1、import Page from '@/components/page' 2、异步 const Page = () => import('@/components/page') const Page = resolve => require(['@/components/page'], page) 3、生命周期执行顺序 同步引入时生命周期顺序为：父组件的beforeCreate、created、beforeMount --> 所有子组件的be..
ES6 import()
嘿嘿
05-26 1550
简介 前面介绍过，import命令会被 JavaScript 引擎静态分析，先于模块内的其他语句执行（import命令叫做“连接” binding 其实更合适）。所以，下面的代码会报错。 // 报错 if (x === 2) { import MyModual from './myModual'; } 上面代码中，引擎处理import语句是在编译时，这时不会去分析或执行if语句，所以import语句放在if代码块之中毫无意义，因此会报句法错误，而不是执行时错误。也就是说，import和expo
CommonJS模块与ES6模块的区别
g291976422的博客
03-28 502
前面我们已经对ES6的模块化规划和CommonJs的模块化规范已经介绍过了，所以今天我们主要聊聊这两种模块化的差异，如果对这两种模块化规范不是特别了解的，可以点击ES6模块化规范和CommonJs模块化规范 ES6 模块与 CommonJS 模块完全不同。它们有两个重大差异。 CommonJS 输出是值的拷贝，即原来模块中的值改变不会影响已经加载的该值，ES6静态分析，动态引用，输出的是值的引用...
require和import区别
热门推荐
个人前端记录
11-16 3万+
区别1：模块加载的时间 require：运行时加载 import：编译时加载（效率更高） 区别2：模块的本质 require：模块就是对象，输入时必须查找对象属性 import：ES6 模块不是对象，而是通过 export 命令显式指定输出的代码，再通过 import 命令输入（这也导致了没法引用 ES6 模块本身，因为它不是对象） // CommonJS模块 let { exists, read...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值