import与require的区别
遵循规范
- [ ]
require
是 AMD规范引入方式 - [ ]
import
是es6的一个语法标准,如果要兼容浏览器的话必须转化成es5的语法
调用时间
- [ ]
require
是运行时调用,所以require
理论上可以运用在代码的任何地方
- [ ]
import
是编译时调用,所以必须放在文件开头
本质
- [ ]
require
是赋值过程,其实require
的结果就是对象、数字、字符串、函数等,再把require
的结果赋值给某个变量 - [ ]
import
是解构过程,但是目前所有的引擎都还没有实现import
,我们在node中使用babel
支持ES6,也仅仅是将ES6转码为ES5再执行,import
语法会被转码为require
使用
require
搭配 exports
遵循 CommonJS/AMD,只能在运行时确定模块的依赖关系及输入/输出的变量,无法进行静态优化。
写法
- [ ] 导入——需要定义一个变量接受
const fs = require('fs')
- [ ] 导出
exports.fs = fs
module.exports = fs
exports 是指向的 module.exports 的引用
module.exports 被改变的时候,exports不会被改变,而模块导出的时候,真正导出的执行是module.exports,而不是exports
exports在module.exports 被改变后,失效。
module.export =View, 即相当于导出整个view对象。外面模块调用它的时候,能够调用View的所有方法。
import
搭配export
遵循 ES6 规范,支持编译时静态分析,便于JS引入宏和类型检验。动态绑定。
写法
- [ ] 导入
import fs from 'fs'
import {default as fs} from 'fs'
import * as fs from 'fs'
import {readFile} from 'fs'
import {readFile as read} from 'fs'
import fs, {readFile} from 'fs'
- [ ] 导出
export default fs
export const fs
export function readFile
export {readFile, read}
export * from 'fs'