es6阮一峰:http://es6.ruanyifeng.com/#docs/module
学习笔记:
export:
eg:
对外输出三个变量:
profile.js
export var firstName = 'Michael';
export var lastName = 'Jackson';
export var year = 1958;
var firstName = 'Michael';
var lastName = 'Jackson';
var year = 1958;
export {firstName, lastName, year};
var firstName = 'Michael11';
var lastName = 'Jackson22';
var year = 195833;
export {
firstName as first,
lastName as second,
year as third
};
上面的里一个例子中,firstName as first 将firstName 重命名为 first.
错误写法:
// 报错
export 1;
// 报错
var m = 1;
export m;
上面两种写法都会报错,因为没有提供对外的接口。第一种写法直接输出 1,第二种写法通过变量m
,还是直接输出 1。1
只是一个值,不是接口。
import:
import
命令接受一对大括号,里面指定要从其他模块导入的变量名。大括号里面的变量名,必须与被导入模块(profile.js
)对外接口的名称相同。
import {firstName, lastName, year} from './profile.js';
如果想为输入的变量重新取一个名字,import
命令要使用as
关键字,将输入的变量重命名。
import { lastName as surname } from './profile.js';
import
命令输入的变量都是只读的,因为它的本质是输入接口。也就是说,不允许在加载模块的脚本里面,改写接口。类似于es6中的const
import {a} from './xxx.js'
a = {}; // Syntax Error : 'a' is read-only;
import
命令具有提升效果,会提升到整个模块的头部,首先执行。
foo();
import { foo } from 'my_module';