ES6模块化知识总结

ES6模块化规范中定义

• 每个js文件都是独立的模块
• 导入其它模块成员使用import关键字
• 向外共享模块成员使用export关键字

默认导出

let n1 = 10
let n2 = 20
function show() {}
// 默认导出 注意一个js只能有一个默认导出
export default {
  n1,
  show
}

默认导入

import m1 from './默认导出.js'

console.log(m1)

按需导出

export let n1 = 10
export let n2 = 20
export function show() {}
export default {
  a: 20
}

按需导入

import info,{n1 as yep,n2,show} from './按需导出.js'
// 10
console.log(yep)
// { a: 20 }
console.log(info)

直接导入并执行

## 直接运行模块中的代码.js
for (let i = 0; i < 3; i++) {
  console.log(i)
}

## test.js
import './直接运行模块中的代码.js'

// 运行test.js 结果为 0 1 2