module——import命令（笔记）

  1、 再使用export暴露某个接口后，其他JS文件就可以通过import命令加载这个模块。

e.g

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

   注：引入的的变量名必须和暴露的模块的变量名相同

   2、import命令具有提升效果，即在代码编写使可以先使用，后引入。

func1();import { func1 } from 'main' ;

   3、由于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 'modile';}

   4、import可以执行所加载的模块。所以可以写成如下代码。

import 'lodash';//若重复加载，则只会执行一次。import 'lodash';import 'lodash';