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"  //直接引入模块，就会自己执行