学习笔记
1).每一个js文件都是独立的模块
2).导入模块成员使用import关键字
3).暴露模块成员使用export关键字
1.默认导出，导入
导出： export default 导出的变量，函数
导入：import 名称 from 导入文件的路劲
一个文件中只有一个 export default 导出 ，多个export default 会报错
导出
let a = 10;
let b = 20;
let c = 30;
function age() {
console.log(1111);
}
//导出
export default {
a,
b,
age()
}
导入
import si from './1.js';
console.log(si); //a,b,age()
2.按需导入，和按需 导出
1.导入的时候需要使用 {}
2.导入名称和导出名称 一致 ，如果要使用 别名 就使用 名称 as 别名
按需导出
let a = 10;
let b = 20;
let c = 30;
function age() {
console.log(1111);
}
//按需求导出 可以写多个
export let a = 10;
export let b = 20;
export let c = 30;
按需导入
import { a, b as bb, c } from './1.js';
console.log(a); //a
console.log(bb); //b
console.log(c); //c
3.之间导入并执行模块代码
1.不需要导出，直接 import '文件名' 导入
导出
for (var i = 0; i <= 3; i++) {
console.log(i);
}
导入
import './1.js' //页面按循序打印1到5
