前端的默认/按需导入跟导出

*注意:默认导出(export default )后面直接跟值,按需导出导出必须有名字

1.默认的导入跟导出

// 默认导出
 
// 定义私有成员 a 和 c
let a = 10
let c = 20
// 外界访问不到变量 d ,因为它没有被暴露出去
let d = 30
 
// 将本模块中的私有成员暴露出去，供其它模块使用
export default {
  a,
  c,
}

//默认导入

import XX from "./XX.js"

//使用
XX.a
xx.c

2.按需导入导出

// 按需导出
 
// 定义私有成员 a 和 c
let a = 10
let c = 20
// 外界访问不到变量 d ,因为它没有被暴露出去
let d = 30
 
// 将本模块中的私有成员暴露出去，供其它模块使用
export a
export c


//按需导入

import {a,c} from "./XX.js"

//使用
a
c