ES6的导入和导出模块

ES6的导入和导出模块

1.导出模块

1.1普通的export导出方式

//先定义后导出
var name = 'zjl'
var age = 18
function test1(){...}
function test2(){....}
function test3(){...}
class class1{.....}
//as:为更名  
export {name,age}
export { test1 as fun1,test2 as fun2,test3 as fun3}
export {class1}



//---------------------------------------------------------------
//甚至可以这样直接导出
export function sum(x,y){
   return x+y;          
}
export var x = 10

1.2 export default导出方式

//被default导出的模块可以，在导入时可以随意重命名导入的变量名
//并且export default只能使用一次，多次使用会报错
export default function (){...} 
//如：
import abc from './a.js'

注意：

• export default 只能使用一次，export可以使用多次
• export 和 export default 能一起使用。
• export 导出一定要指定对外接口（导入时要跟导出变量同名）
• export default 不需要指定对外接口（导入时是可以跟其他名字）

2.导入模块

//import 后面接要导入的变量和函数
import {name}  from './a.js'
//当然导入也可以重命名
import {name as myname}  from './a.js'
//导入所有变量
import *  from './a.js'