ES6模块导入导出

默认导出

• 一个js文件只能有一个默认导出

let n3 = 30
function show() {}

export default {
  n1 : 10,
  n2 : 20,
	n3,
  show
}

默认导入

• 默认导入不需要加大括号名称只要合法就可以

import show from './01.默认导出.js'
console.log( show )

if(show.n1 === show.n2){
	console.log('hahahh')
}

按需导出

• 一个模块可以有多个按需导出

export let s1 = 'aaa'
export let s2 = 'bbb'
export function show(){
	console.log('show方法')
}

按需导入

• 按需导入的成员名称必须和按需导出的名称一致
• 按需导入时，可以使用as关键字进行重命名
• 按需导入可以和默认导入一起使用，但是导出的文件中必须有默认导出

import info, { s1, s2 as str, show } from './03.按需导出.js'
console.log(s1, str, show)

直接导入并执行模块中的代码

for (let i = 0; i < 3; i++) {
	console.log(i)
}

import './05.直接导入并运行.js'
// 1
// 2
// 3