导出用export,导入使用import
导入导出1:
最基本的使用
//导入
export let str = 'asdf';
export function test(){
console.log('函数');
}
export class Test2{
test3(){
console.log('类');
}
}
//导出所有模块,这样写比较麻烦
import {str,test,Test2} from 'model2';
console.log(str,test,Test2);
也可以只导出其中的某一个
import {str} from 'model2';
console.log(str);
导入导出2:
在模块比较多的情况下,一个一个写就不现实了,这是就可以用 * as 别名 的格式。如下:
导出还是和上面一样,导入不同。
import * as model from 'model2';
console.log(model.str);
console.log(model.test);
console.log(model.Test2);
导入导出3(推荐):
导出:
let str = 'asdf';
function test(){
console.log('函数');
}
class Test2{
test3(){
console.log('类');
}
}
export default {
str,
test,
Test2
}
导入:
import model from 'model2';
console.log(model.str);
console.log(model.test);
console.log(model.Test2);
推荐这种的原因:
- 安全。不导出的模块不暴露
- 用default导出的时候,不用管名称的对应,简洁不少