ES6的export和import

export import 的4种搭配

非默认

拿函数举例，常量，变量，类也可以

// 1 可以多个export--------import带上{}
export var a="123";
export function f() {};
import {a,f} from ""

// 2 一个export--------import带上{}
var a="123";
function f() {}
export {a,f};
import {a,f} from ""

// 3 一个export 语句，重命名了a ,f的对外接口--------import带上{}
var a="123";
function f() {}
export {
  a as b,
  f as fn
};
import {a,f} from ""

默认 default

将default 后面的值（a,function (){},function f(){},class{},class C{}）赋给default

函数声明function foo(){};

函数表达式var foo= function foo(){}

//只能能有一个export default
var a="123";
function f() {}
export default f
//不带{}
//默认输出f就不能再输出a了。默认最多输出一个。
//系统默认的变量名default，自然default只能有一个值，所以一个文件内不能有多个export default
//default的变量，然后系统允许你为它取任意名字
import any from "."
any.f()

//1，导出函数例子
export default function f() {}
//和
function f() {}
export default f一样
//和
export default function() {}一样
//和
export default var f=function(){}//函数表达式不可以
import fn from "."
fn()
//2，导出Class例子
export default class C{}
//和
class C{}
export default C一样
//和
export default class{}一样
import CCC from "."
new CCC()

// 报错

function f() {}

export f;

//下面的方式，不知道对不？
export function f() {} as fun;

参考：https://www.cnblogs.com/dupd/p/5951311.html

http://es6.ruanyifeng.com/#docs/module