前言

用了import 很久，但是发现用法好像不清楚，就记录下

（一）定义

1、import 的作用：

导入另一个模块所做出的绑定。

无论是否声明了 strict mode ，导入的模块都运行在严格模式下。

2、形式：

import name from ''

name参数是“导入模块对象”的名称。

（二）用法

分了三种情况讨论。

1、import x from ‘abc.js’

命名元素x(消费者)，可以改为其他的名称,这种导入要求 abc.js模块中有 export default 默认导出。

x作为消费者导入abc.js模块默认导出的名称，x可以随意更换为你喜欢的名字

2、import { y } from ‘abc.js’

命名元素y，不可以更换为其他名称，且必须在 abc.js的模块中有导出。

3、import { y as xxx } from ‘abc.js’

命名元素y起别名的方式是用as

参考链接

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/import

https://www.cnblogs.com/dw039/p/14070078.html