Javascript导出默认值和导入

我有以下代码：

const API1 = new API({
   ...
})

const API2 = new API({
   ...
})

export default { API1, API2 }

我需要这样导入：

import API1 from '/lib/api'

API1.get()...

但它不起作用。 我不想这样做：

import blah from '/lib/api'
blah.API1.get()...

我怎样才能解决这个问题？

---

谢谢。

如果您需要导出多个项目，并且不想在消费模块中创建两个变量（一个用于默认导入-对象，另一个用于

API1

属性），则唯一的其他选项是将默认导出更改为命名导出，允许您仅导入一个特定的命名属性：

const API1 = new API({
   ...
})

const API2 = new API({
   ...
})

export { API1, API2 }

及

export{

语法表示导出是命名的，而不是默认的，

import{

语法表示导入的是命名的导入，而不是默认的导入

---

（它看起来很像解构，有点类似，但不一样）

由于默认导出对象，您需要访问单个属性才能访问这些方法，因此可以使用命名导出

// exporting values

export const API1 = new API({
   ...
})

export const API2 = new API({
   ...
})

---

---

我不想这样做：你能解释一下原因吗？我不明白问题到底出在哪里。我只想调用API1.get（），而不是创建一个变量，然后这样调用：从“/lib/api”var.API1.get（）导入var

// exporting values

export const API1 = new API({
   ...
})

export const API2 = new API({
   ...
})

// Importing values

import { API1 } from '/lib/api'

API1.get()...