es6模块化中的导入导出方法

1.在体验es6模块化之前的配置要求

确保安装了 v14.15.1 或更高版本的 node.js

在 package.json 的根节点中添加 "type": "module" 节点

2.默认导出      

语句：export default 需要导出的成员

const n1 = 10
const n2 = 20

const show = () => {
  console.log('hello')
}

export default {
  n1,
  show
}

  

3.默认导入

语句:  import 变量的名字 from '模块标识符'

import m1 from './1.默认导出.js'
console.log(m1)

注意事项：

• 每个模块中，只允许使用唯一的一次 export default，否则会报错！

• 默认导入时的接收名称可以任意名称，只要是合法的成员名称即可

4.按需导出   

语法:按需导出的语法： export 按需导出的成员

export const n1 = 10

export const n2 = 20

5.按需导入

按需导入的语法： import { m1 } from '模块标识符'

import { n1 } from './3.按需导出.js'

console.log(n1)

• 按需导入与按需导出的注意事项：

  1. 每个模块中可以使用多次按需导出

  2. 按需导入的成员名称必须和按需导出的名称保持一致

  3. 按需导入时，可以使用 as 关键字进行重命名

  4. 按需导入可以和默认导入一起使用

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

如果只想单纯地执行某个模块中的代码，并不需要得到模块中向外共享的成员。此时，可以直接导入并执行模 块代码

语法:import  ‘标识符模块’