前端模块化export || export default =＞ import暴露与接收数据

weixin_49596018

于 2020-12-30 17:44:08 发布

阅读量1.6k

点赞数 1

分类专栏：模块化文章标签： js

本文链接：https://blog.youkuaiyun.com/weixin_49596018/article/details/111995050

版权

本文详细探讨了JavaScript中的模块化导出与导入，包括export和export default的区别和用法。export default用于导出单一默认值，无需花括号包裹；export则用于导出多个值，导入时需使用花括号。文章通过实例展示了不同类型的导出和导入方式，包括常量、函数和整个对象，并解释了不应同时使用export default和普通export的原则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、export与export default均可用于导出常量、函数、文件、模块等
2、在一个文件或模块中，export、import可以有多个，export default仅有一个
3、通过export方式导出，在导入时要加{ }，export default则不需要
4、
(1) 输出单个值，使用export default
(2) 输出多个值，使用export
(3) export default与普通的export不要同时使用
案例：

//html代码块——通用
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document

最低0.47元/天解锁文章