ES6 默认导出和命名导出

2024-01-03

我试图理解命名和默认导出。我有一个看似基本的要求,但我不明白如何设置。

我希望能够导入两者:

//app.js
import Mod from './my-module'
import { funcA, funcB } from './my-module'

console.log('A', Mod.funcA(), funcA()); // A a a
console.log('B', Mod.funcB(), funcB()); // A a a

当我尝试时,我得到的最接近的方法如下:

//my-module.js
export function funcA() { return 'a'; };
export function funcB() { return 'b'; };

export default {funcA, funcB}

我的问题是我不想在默认导出中重新索引每个函数。我只想定义我的函数,然后确保它们被导出,这样我就可以以任何一种方式使用它们。

建议?或者我必须使用import * as Mod from './my-module';?


您可以省略默认导出并使用 import as 语法:

//app.js
import * as Mod from './my-module'
import { funcA, funcB } from './my-module'

console.log('A', Mod.funcA(), funcA()); // A a a
console.log('B', Mod.funcB(), funcB()); // B b b
//my-module.js
export function funcA() { return 'a'; };
export function funcB() { return 'b'; };
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ES6 默认导出和命名导出 的相关文章

随机推荐

  • 为什么我的 GCP Pub/Sub 消息中有 50% 是重复的?

    我正在运行一个分析管道 吞吐量约为每秒 11 条消息 我的 Pub Sub 主题保存了大约 200 万条已安排的消息 80 个 GCE 实例并行拉取消息 这是我的主题和订阅 gcloud pubsub topics create pipel
  • 核心数据验证:从 Objective-C 到 Swift

    我正在构建一个虚拟 iOS 项目 以便了解如何使用 Swift 在 Core Data 中实现验证 该项目的核心数据模型有一个实体 称为Person包含两个属性 firstName and lastName 该项目基于 Swift 但为了启
  • CommandEventArgs 和事件问题

    我生成了一些按钮 并为它们附加了一个事件处理程序 如下所示 Button pgs new Button Create New Topic pgs Width 20 pgs Command obtainTopicsPerPage Click
  • 如何在 Git bash 中更改 git 帐户?

    我在使用 Git bash 时遇到了奇怪的问题 比方说 我有两个 Github 帐户A and B 我设置了我的姓名和电子邮件 就像在帐户 A 中一样 git config global user name git config globa
  • 应用过滤器' aria-label='HTML 应用过滤器'> HTML 应用过滤器

  • 多个标头导致metadataHeaders选项失败

    这是我的代码片段 if messages messages for message in messages messages batch add gmail client users messages get userId me id me
  • iPad 相机连接套件?

    有谁知道是否可以访问iPad的相机连接套件 我想从连接的大容量存储设备中读取文件 这可能吗 或者只有苹果才能在他们的应用程序中做到这一点 Thanks 我知道这是一个老问题 但谷歌把我带到这里 所以我想我应该添加这个链接 http www
  • 带有选项参数的短/长选项 - 这是某种约定吗? [复制]

    这个问题在这里已经有答案了 似乎大多数 很多 命令都实现这样的选项参数 如果短选项需要选项参数 则选项与选项参数之间用空格分隔 例如 head n 10 如果长选项需要选项参数 则选项由 来自选项参数 例如 head lines 10 这是
  • 如何在 Excel 中创建时间线图表?

    我如何创建一个timeline聊天可以在一张图表中直观地显示人们一天的活动 我计划在 x 轴上放置时间 y 轴将是不同的人 首先 我想到了一个简单的堆积条形图 但是 那问题是 Excel 会将所有相同的活动合并到一个项目中并且不要在时间轴上
  • 使用 OR 而不是 AND 链接/构建 LINQ 查询

    编辑得更清楚 例如 如果我有这个 IQueryable DateTime theDate new DateTime 2015 09 30 var query from org in Organisations where org Disab
  • ASP.Net 中的自定义主体缓存

    我在 ASP NET 中成功使用了自定义主体 但我的自定义主体加载数据库数据 并且我不希望在系统中的每个请求上都发生这种情况 我在 Application OnPostAuthenticateRequest 的 Global ascx 文件
  • 如何在应用程序中访问 iPhone Safari 历史记录?

    有什么方法可以访问 iPhone Safari 的历史记录吗 问候 克里希南 不 这些应用程序是沙盒的并且彼此隔离 您无法从一个应用程序读取另一应用程序的数据 它是安全模型的一部分 您想要一些随机应用程序来浏览您的冲浪历史吗
  • 最新材料设计版本中的渲染问题“Path.op() 不受支持”[重复]

    这个问题在这里已经有答案了 我在下面使用androidx in 安卓工作室3 5 3 androidx recyclerview widget RecyclerView com google android material floatin
  • Spark 提交 java.lang.IllegalArgumentException:无法从空字符串创建路径

    当我执行 Spark 提交时 我收到此错误 java lang IllegalArgumentException 无法从空字符串创建路径 我使用的是spark版本2 4 7 hadoop版本3 3 0 集成开发环境 JDK 8 首先我遇到了
  • 如何查明谁在托管我的 WordPress 网站? [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我正在接管一家公司的 WordPress 网站 他们不知道谁目前正在托管他们的 WordPress 网站 他们拥有的只是域名托管商和 Wo
  • 如何在react-router中设置和处理语言?

    我一整天都在努力解决这个问题 终于找到了大家 任务很简单 我需要在 URL 中设置语言类型 所以它看起来像这样 domain com langVar other paths 并且能够通过单击 选择我的应用程序标题或任何其他组件中的语言来更改
  • 扩展模型未加载

    我们有一个 Magento 开发站点和一个生产站点 这两个网站都安装了名为 Affiliate Pro 的扩展 我需要从我的脚本访问模型 所以我写了一个测试脚本 它适用于我们的开发站点 但不适用于生产站点 开发站点输出 object MW
  • 我可以更改 gdb 中 RET 的绑定吗?

    我想禁用 gdb 行为 即输入回车符会重复执行最后输入的命令 我只是想让它什么也不做 这可能吗 似乎重复大多数命令是 gdb 的默认行为 并且没有设置可以更改它 这是 gdb 源代码中的样子 Handle a complete line o
  • Libreoffice Draw Export解析没有意义

    我正在尝试使用 Libreoffice Draw v 4 0 2 2 制作一个非常简单的标签 该标签只不过是规则间隔的居中文本行而已 该图像将被打印 并且我有固定的尺寸 ppi 要求以确保适当的打印质量 我根据自己的规格设置页面大小 并根据
  • ES6 默认导出和命名导出

    我试图理解命名和默认导出 我有一个看似基本的要求 但我不明白如何设置 我希望能够导入两者 app js import Mod from my module import funcA funcB from my module console