模块化开发(用来开发大型的web应用)
定义:将项目的各个功能,封装成一个一个JS组件,开发时分开去研发各个组件,最后,利用es6提供的模块系统将各个组件导入到一个指定的主JS组件中,这就是模块化开发的思想。
es6模块系统依托于两个关键字
export{} ——导出
import{解构} from "路径" ——导入
- export 导出
1.导出普通的变量
export let a = 12;
export let b = "qwe";
2.第二种写法
let a1 = 1;
let b1 = 'qwe';
export {
a1 as a2,
b1,
}
3.导出方法
let fn1 = () =>{
console.log("这是方法1");
}
function fn2() {
console.log("这是方法2");
}
export {
fn1,
fn2,
}
4.导出一个类
class Person{
type = '人类',
}
export {
Person,
}
6.导出的第三种写法
export default {
//一个文件中只能有一个export default
//在这里,可以将这个文件里面的所有方法以其导出
Person,
a,
b,
a1,
b1,
//由于这个方法是将一个文件整体导出
//所以导入时也不一样,不能使用解构来接
//导入 import 变量 from "路径"
}