前端开发中对于模块的引入和导出随处可见，本文就来介绍es6新增的export与import如何实现对于模块的引入和导出详细使用流程。

export模块的导出

    模块导入导出各种类型的变量，如字符串，数值，函数，类。

let testString = "字符串";
let testNumber = 20;
let testFun = function(){
    return "函数"
}
let testClass =  class testClass {
    static a = "类";
}
export { testString, testNumber, testFun, testClass }

export模块使用别名导出

    export支持使用as定义别名导出。

export { 变量名 as 别名}

import模块导入

import { testString, testNumber, testFun, testClass } form "./base.js"
console.log(testString)

import模块导入别名

export { test as test1}
import { test1 } form "./base.js"

import模块全部导入

import {* as te} form "./base.js"

export default的应用

    与export、import 可以有多个不同，export default 仅有一个。

var a = '测试'
export default a

注：使用export default不需要花括号{}

import a from "./base.js";

同理引入时也不需要花括号{}