一、分类
commonJS:导出(module.exports和exports)、导入(require)。
ES6:导出(export和export default)、导入(import)。
二、module.exports和exports的区别与联系
module.exports属性表示当前模块对外输出的接口,其他模块加载该模块,实际就是读取module.exports变量。写法:
let aa = () => {
console.log('aa');
}
let bb = () => {
console.log('bb');
}
let cc = () => {
console.log('cc');
}
module.exports.aa = aa;
module.exports = {
bb: bb,
cc: cc
}
exports是module.exports的一个引用,指向module.exports,也就是说使用者最终调用的是module.exports,而不是exports。写法:
let aa = () => {
console.log('aa');
}
let bb = () => {
console.log('bb');
}
exports.aa = aa;
exports.bb = bb;
提示:
(1)直接给exports赋值并不会改变module.exports的值,因此不能直接给exports赋值。
(2)使用exports时,要确保module.exports为空,也就是说不具备任何属性及方法,否则exports不生效。
<!-- a.js -->
let aa = 'aa'
exports = {
aa: aa
}
<!-- b.js -->
let util = require('./a.js');
console.log(util);
<!-- a.js -->
let aa = 'aa'
let bb = 'bb'
module.exports = {
aa: aa
}
exports.bb = bb;
<!-- b.js -->
let util = require('./a.js');
console.log(util);
三、export和export default的区别与联系
export用于规定模块的对外接口,一个文件中可写多个。写法:
let aa = 'aa';
let bb = 'bb';
export let cc = 'cc';
export function sum(x, y) {
return x + y;
}
export {aa, bb}
export default也用于规定模块的对外接口,一个文件只能写一个。写法:
let aa = 'aa';
let bb = 'bb';
export default aa;
export default function sum(x, y) {
return x + y;
}
export default {aa, bb}
提示:
(1)在同一个文件中,export可以有多个,export default只能有一个。
(2)使用export导出时,应使用{}分别导入;使用export default导出时,应使用一个变量整体导入。
export {aa, bb, cc};
import {aa, bb, cc} from 'util.js'
export default {aa, bb, cc};
import util from 'util.js'
四、require和import的区别
- require和import都是用来导入模块。
- require属于commonJS语法,import属于ES6语法。
let aa == require('util.js');
import bb from 'util.js';
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)