ES6的export和import

阅读目录

• export import 的4种搭配

回到顶部

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