使用export命令定义了模块的对外接口以后，其他 JS 文件就可以通过import命令加载这个模块。

// main.jsimport {firstName, lastName, year} from './profile';function setName(element) {  element.textContent = firstName + ' ' + lastName;}

import命令具有提升效果，会提升到整个模块的头部，首先执行。

由于import是静态执行，所以不能使用表达式和变量，这些只有在运行时才能得到结果的语法结构。

// 报错import { 'f' + 'oo' } from 'my_module';// 报错let module = 'my_module';import { foo } from module;// 报错if (x === 1) {  import { foo } from 'module1';} else {  import { foo } from 'module2';}

模块的整体加载

逐一加载

// main.jsimport { area, circumference } from './circle';console.log('圆面积：' + area(4));console.log('圆周长：' + circumference(14));

整体加载

import * as circle from './circle';// 下面两行都是不允许的circle.foo = 'hello';circle.area = function () {};

注意，模块整体加载所在的那个对象（上例是circle），应该是可以静态分析的，所以不允许运行时改变。

export default 命令

使用这个命令，其他模块加载该模块时，import命令可以为该匿名函数指定任意名字。