共计 1151 个字符,预计需要花费 3 分钟才能阅读完成。
import
import 是 es6 为 js 模块化提出的新的语法。
import 是用于将某个模块中导出的函数或对象、初始值导入到另一个模块中的语法。
它必须放在文件结尾,而且应用格局也是确定的,不容置疑。它不会将整个模块运行后赋值给某个变量,而是只抉择 import 的接口进行编译,这样在性能上比 require 好很多。require 是赋值过程,import 是解构过程
MDN import
import defaultExport from "module-name"; // 导出默认的 export default
import * as name from "module-name"; // 导出默认的 export default,并把所有的输入包裹到 obj 对象里
import {export1} from "module-name";// 导出名为 export1 的模块
import {export1 as alias1} from "module-name";// 导出名为 export1 的模块,并把 export1 的输入包裹到 alias1 对象里
import {export1 , export2} from "module-name";// 导出名为 export1、export2 的模块
import 'test.js'// 运行模块的全局代码,但实际上并不导入任何值
var promise = import("module-name");// 动静导入模块
require
require 是 Commonjs 的标准,node 利用是由模块组成的,听从 commonjs 的标准。
用于引入模块、JSON
、或本地文件。
它相当于 module.exports 的传送门,module.exports 前面的内容是什么,require 的后果就是什么,对象、数字、字符串、函数……再把 require 的后果赋值给某个变量,相当于把 require 和 module.exports 进行平行空间的地位重叠。
// 引入本地模块:const myLocalModule = require('./path/myLocalModule');
// 引入 JSON 文件:const jsonData = require('./path/filename.json');
// 引入 node_modules 模块或 Node.js 内置模块:const crypto = require('crypto');
不同之处
- CommonJS 还是 ES6 Module 输入都能够看成是一个具备多个属性或者办法的对象;
- default 是 ES6 Module 所独有的关键字,export default fs 输入默认的接口对象,import fs from ‘fs’ 可间接导入这个对象;
- ES6 Module 中导入模块的属性或者办法是强绑定的,包含根底类型;而 CommonJS 则是一般的值传递或者援用传递。
正文完
发表至: javascript
2021-04-07