Js学习之------ES6模块化
在ES6模块化出现之前,
浏览器端一般使用AMD、CMD模块化规范;
服务器端一般使用CommonJS模块化规范;
ES6相当于把各种规范进行统一,同时适用于浏览器端和服务器端
ES6模块化规范:
1、每个js文件都是一个独立模块
2、导入其他模块,使用 import 关键字
3、向外共享模块成员,使用 export 关键字
默认导入导出:
导出文件.js
a = 0 b = 1 function fn() { } export default { a, fn } 注意:一个文件中只能有一个 “export default”
导入文件.js
import m from "./导出文件.js" a1 = m.a f1 = m.fn
按需导入导出:
按需导出.js
export let a = 0 export let b = 1 export function fn() { }
按需导入.js
import { a, b as str, fn } from "./按需导出.js" // 可以用“as”重命名
默认导入导出和按需导入导出可以混合使用~
直接引入模块:
模块.js
for (let i = 0; i < 10; i++) { console.log(i) }
直接引入.js
import "./模块.js" //直接引入模块,就会自己执行