js es6 中 import 和 export的用法

模块功能主要由两个命令构成：export和import。export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能。—— ECMAScript 6 入门 阮一峰
用法示例如下：

//导出 ept.js(导出模块所在文件)
export var name = "scy"; 

//对应导入
import {name} from './ept.js';

//导出ept.js
var name = "scy"; 
var age = 19;
export {name, age};

//导入
import {name, age} './ept';

export function f1()... 
import {f1} from './ept';

export class A ...
import {A} from './ept';

下面介绍默认模块的操作 ，默认模块只能有一个

//变量
var name = 'scy';
export default name;

import name from './ept';//注意这里没有花括号

//函数
function f1()...
export default f1;//这是默认模块的写法

import f1 from './ept';//注意这里没有花括号

//类
export default class  A{ ... }；
import A from './ept';

总结：
1、非默认模块不加花括号 默认模块加花括号！
2、非默认模块如var name = 'scy';不能直接export name; 默认模块不能export default var name = 'scy'

这里有一个运用了export、import语法的小示例 react-navigation的简单用法 。