模块功能主要由两个命令构成: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的简单用法 。