ES6 Module3

import命令

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

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

<code>import</code>命令接受一对大括号,里面指定要从其他模块导入的变量名(函数名,类名).大括号里面的变量名必须与被导入模块对外接口的名称相同.
同样,若想为导入的变量重新起一个名字,也可以使用<code>as</code>关键字重命名
<code>import { lastName as surname } from './profile';//as前的是原来的名字,as后的是重命名的名字</code>
<code>import</code>后面的<code>from</code>指定模块文件的位置,相对路径和绝对路径皆可,<code>.js</code>后缀可以省略
<code>import</code>命令具有提升效果,会提升到整个模块的顶部优先执行,由于是静态执行,所以不能使用表达式和变量,也就是说老老实实按照结构来,多次重复执行同一句命令语句只会执行一次.