JS中import的用法

原创已于 2022-09-14 13:33:44 修改 · 8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

于 2022-09-14 13:17:19 首次发布

本文介绍了JavaScript中单接口导入、多接口导入、别名导入、模块导出（http别名）以及export和exportdefault的区别。重点讲解了导入时的花括号规则和模块默认输出的特性。

1、导入单个接口

//导入单个接口
import {FirPart} from './FirPart.js' 

//导入多个接口
import {FirPart,SecondPart} from './FirPart.js'

// 导入接口，并制定别名，编码时更容易使用
import {LongName as shortName} from '/shuibian.js'

2、导入整个模块

//导入api所有接口，并命名为http，这里的@表示根路径
import * as http from '@/api'

3、 export 和 export default 的区别：

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