1. 默认导出
export default 默认导出的成员
let n1 = 10;
let n2 = 20;
function show() {
}
export default {
n1,
show
}
注意:
1. 每一个js文件就是一个模块
2. 每一个模块只允许使用唯一的一次export default导出
2. 默认导入
import 接收名称 from '模块标识符'
import m1 from './test1.js'
console.log(m1);
3. 按需导出-导入
导出:
export let n1 = 10;
export let n2 = 20;
export function say() { }
导入:
import { n1, n2, say } from './test1.js'
console.log(n1);
console.log(n2);
console.log(say);
注意:
1. 按需导入的成员名必须和按需导出的名称保持一致
2. 按需导入和默认导入可以一起使用
3. 每个模块中可以多次按需导出
4. 按需导入时,可以使用as关键字重命名
4、直接导入并执行模块中的代码
test1.js:
for (var i = 0; i < 5; i++) {
console.log(i);
}
test2.js:
import './test1.js'