javascript import的四种用法

import是用于将某个模块中导出的函数或对象、初始值导入到另一个模块中的语法。无论是否声明了 strict mode，导入的模块都运行在严格模式下。import语句不能在嵌入式脚本中使用。那么如何使用import？下面介绍4种常见的用法。
第一种

import x from 'abc.js'

这种导入要求 abc.js 模块中有 export default 默认导出，x 作为消费者导入 abc.js 模块默认导出的名称，x 可以随意更换为你喜欢的名字。

第二种

import { y } from 'abc.js'

这种导入要求 abc.js 模块中必需有 export y 命名导出，y 是消费者要从 abc.js 模块导入的命名元素，y 不可更换为其他名称。如果你实在是感觉x不顺眼，那可以采用下面的方式对 y 重命名。

第三种

import { y as xxx } from 'abc.js'

此处 xxx 就是重命名的新名称。

第四种

import x, { y } from 'abc.js'

这种导入要求 abc.js 模块中有 export default 默认导出并且有 export y 的命名导出。

export 和 export default 的区别：

如果是 export 导出的文件，在导入时可以一次导入一个，也可以导入多个，但必须加上花括号！
如果是 export default 导出的文件，只能一个一个的导入，且不需要加上花括号。一个模块中只能有一个export default默认输出。