模块化的导入导出

一、导出export

1、在export下将需要导出的数据罗列出来

let name = '李华'
let age = 18
let flag = true

function sum(num1, num2) {
  return num1 + num2
}

export {
  flag, sum
}

2、在定义变量之前直接加export

export var name = '小明'

 3、导出函数/类

export function sub(num1, num2) {
  return num1-num2
}

export class Person {
  run() {
    console.log('奔跑')
  }
}

4、export default

某些情况下，一个模块中包含某个的功能，我们并不希望给这个功能命名，而且让导入这可以自己来命名，这个时候就可以使用export default

var a = 'test'
export default a

import suibian from './aaa'

 文件1将a导出，文件2在导入时可随意设置其名字，且不需要带“{}”了，这里将‘a‘设为’suibian‘（注：default导出的元素只能存在一个，因为存在多个的话文件2就无法辨别了）

二、导入import

1、使用import将需要的元素导入

import {flag, sum} from'./aaa.js'

2、将该文件导出的所有元素全部导入

import * as allData from './aaa.js'
console.log(allData.name)
console.log(allData.age)
console.log(allData.sum(20, 30))