为什么我需要从另一个模块调用一个对象两次？

Question

我有一个名为 UI.js 的模块，其中我：

import todoManager from './toDoCreator.js';

和另一个模块 toDoCreator.js:

const todoManager = {
    todos: [], 

与其他函数，如createTodo、editTodo等。在该模块中，最后我导出：

export default { todoManager };

然后在第一个模块 UI 上，我执行以下操作：

getDom().todoModalSaveBtn.addEventListener('click', () => todoManager.todoManager.editTodo(caller.id));

或

const todoBeingEdited = todoManager.todoManager.todos[todoId];

我尝试只写一次名称（todoManager.doWhateverIwantFromThatObject），但它不起作用。为什么我需要将对象写入两次？

使用 webpack，我不知道这是否会改变什么。 谢谢！

Answer 1

如果您使用导出默认值：

export default todoManager;

然后你使用导入：

import 'todoManager' from 'todoManager';

如果您使用导出：

export todoManager;

然后

import {todoManager} from 'todoManager';