模块化操作主要包括两个方面。
export :负责进行模块化,也是模块的输出。
import : 负责把模块引,也是模块的引入操作。
export的用法:
export可以让我们把变量,函数,对象进行模块话,提供外部调用接口,让外部进行引用。先来看个最简单的例子,把一个变量模块化。我们新建一个temp.js文件,然后在文件中输出一个模块变量。
export var a = 'jspang';
然后可以在index.js中以import的形式引入。
import {a} from './temp.js';
console.log(a);
cmd命令模块输入
babel-node index.js 要注意目录
多变量的输出(temp.js)
var a ='jspang';
var b ='技术胖';
var c = 'web';
export {a,b,c} //包装成对象{}
函数的模块化输出(temp.js)
export function add(a,b){
return a+b;
}
as的用法
有些时候我们并不想暴露模块里边的变量名称,而给模块起一个更语义话的名称,这时候我们就可以使用as来操作。
var a ='jspang';
var b ='技术胖';
var c = 'web';
export {
x as a,
y as b,
z as c
}
index.js
import {x,y,z} from './temp.js';
export default的使用
加上default相当是一个默认的入口。在一个文件里export default只能有一个。
我们来对比一下export和export default的区别
1.export
export var a ='jspang';
export function add(a,b){
return a+b;
}
//index.js引入
import {a,add} form './temp';//也可以分开写
2.export defalut
export default var a='jspang';
//index.js引入
import str from './temp';