import和require的区别

最新推荐文章于 2022-06-30 15:21:41 发布
最新推荐文章于 2022-06-30 15:21:41 发布
阅读量227 收藏
点赞数
分类专栏： ES6 移动端

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

遵循规范

require 是 AMD规范引入方式
import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法

调用时间

require是运行时调用，所以require理论上可以运用在代码的任何地方
import是编译时调用，所以必须放在文件开头

本质

require是赋值过程，其实require的结果就是对象、数字、字符串、函数等，再把require的结果赋值给某个变量
import是解构过程，但是目前所有的引擎都还没有实现import，我们在node中使用babel支持ES6，也仅仅是将ES6转码为ES5再执行，import语法会被转码为require

通过require引入基础数据类型时，属于复制该变量。
通过require引入复杂数据类型时，数据浅拷贝该对象。
出现模块之间的循环引用时，会输出已经执行的模块，而未执行的模块不输出（比较复杂）
CommonJS模块默认export的是一个对象，即使导出的是基础数据类型
炒饭001
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端面试：import 和 require 区别
AsBefore麦小兜
04-01 2113
1、遵循的规范不同 require 是AMD规范引入方式 import 是es6的一个语法标准，兼容浏览器要转换成es5 2、调用时间 require是运行时调用，require是个函数所以require理论上可以运用在代码的任何地方 import是编译时调用，所以必须放在文件开头 且放在全局中引入 3、本质 require是赋值过程，其实require的结果就是对象、数字、字符串、函数等，再把require的结果赋值给某个变量 import是解构过程，但是目前所有的引擎都还没有实现im.
JavaScript中使用import 和require打包后实现原理分析
10-18
主要介绍了JavaScript中使用import 和require打包后实现原理分析,需要的朋友可以参考下
require和import的区别
wwf1225的博客
04-13 2万+
​​ require和import的区别 require和import的区别 - wenxuehai - 博客园 目录 1、require 和import 的区别 2、require() | exports 的用法 2.1、导入模块 require() 的用法 2.2、输出接口 exports 的用法 3、import | export 的用法 1、require 和import 的区别 node编程中最重要的思想就是模块化，import 和 re...
一篇文章说透require和import的区别
weixin_46391646的博客
05-11 4885
一篇文章说透require和import的区别
详解require和import
曹定栓的博客
11-16 5674
当前端应用越来越复杂时，我们想要将代码分割成不同的模块，便于复用、按需加载等。`require` 和 `import` 分别是不同模块规范下引入模块的语句。
Javascript(es2016) import和require用法和区别详解
10-19
本篇文章主要介绍了Javascript(es2016) import和require用法和区别详解，具有一定的参考价值，有兴趣的可以了解下
详解Node中导入模块require和import的区别
08-29
Node.js 中导入模块 require 和 import 的区别 Node.js 中的模块化编程是基于 CommonJS 规范的，而在 ES6 中，则是基于 ES6 模块标准的。在 Node.js 中，我们使用 require 函数来导入模块，而在 ES6 中，我们使用 ...
一文让你彻底搞清楚javascript中的require、import与export
10-19
总结来说，`require`、`import`和`export`是JavaScript模块化编程的关键组成部分，它们各自代表了不同时期和不同场景下的解决方案。理解它们的工作原理和用法对于编写可维护、可复用的代码至关重要。随着技术的发展...
Twlig#issuesBlog#87_require和import的区别1
07-25
require和import的区别require和import的区别导入require 导出 exports/module.exports 是 CommonJS
babel-plugin-dynamic-import-node-sync：Babel插件，用于将import（）转换为节点的require（）。 使用React-Router的SSR最佳解决方案
01-31
与babel-plugin-dynamic-import-node的区别babel插件动态导入节点同步import(SOURCE) => require(SOURCE)babel插件动态导入节点import(SOURCE) => Promise.resolve().then(() => require(SOURCE))安装$ npm install ...
import.rb:代替Kernel.require
04-28
import.rb 而不是Kernel.require 。安装将此行添加到您的应用程序的Gemfile中： gem 'import.rb' 然后执行： $ bundle或将其自己安装为： $ gem install import.rb用法目录class Cat def meow puts 'meow meow' end...
strict-import:防止`require`向上搜索所需的模块
05-26
防止require向上搜索所需的模块 背景 工作原理是从当前目录开始向上搜索包含所需模块的node_modules目录，直到到达系统根目录为止。 这意味着，如果您有嵌套项目，并且在顶层安装了名为foo的模块，则子项目也可以在...
babel-plugin-dynamic-import-webpack:Babel插件可将import（）转换为Webpack的require.ensure
04-12
Babel插件可将import() require.ensure为Webpack的require.ensure。 请注意，编写此代码后，Webpack 2已 。 注意：需要Babylon v6.12.0才能正确解析动态导入。 安装 $ npm install babel-plugin-dynamic-import-...
Require-From-Web:来自URL的ImportLoadRequire模块
05-12
const requireFromWeb = require ( 'require-from-web' ) const url = 'https://unpkg.com/jformat@1.0.4/index.js' requireFromWeb ( url ) . then ( format => { const text = format ( 'Forever {Python}' , { ...
import和require
weixin_38530591的博客
01-14 1544
模块关系
require和import区别
热门推荐
个人前端记录
11-16 3万+
区别1：模块加载的时间 require：运行时加载 import：编译时加载（效率更高） 区别2：模块的本质 require：模块就是对象，输入时必须查找对象属性 import：ES6 模块不是对象，而是通过 export 命令显式指定输出的代码，再通过 import 命令输入（这也导致了没法引用 ES6 模块本身，因为它不是对象） // CommonJS模块 let { exists, read...
require与import的区别和使用
肖肖肖丽珠的博客
06-30 2217
、require与import的区别和使用(CommonJS规范和es6规范) 1、import是ES6中的语法标准也是用来加载模块文件的，import函数可以读取并执行一个JavaScript文件，然后返回该模块的export命令指定输出的代码。export与export default均可用于导出常量、函数、文件、模块，export可以有多个，export default只能有一个。 2、require 定义模块：module变量代表当前模块，它的exports属性是对外的接口。通过expo
import和require区别
最新发布
03-25
在 Lua 中，import 和 require 都可以用来引入模块，不过它们之间有几个不同之处： - require 只需要给出模块名，而 import 需要给出模块名和目标变量名。 - require 返回整个模块，而 import 只是返回模块中的一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值