导出要用作新实例的 javascript 对象

Question

所以我有我的menu.js 文件，里面有一个Menu 对象，如下所示：

let Menu = {
  elt: null,
  settings: {
    title: '',
  }
}
export { Menu };

现在，我想使用菜单对象在另一个文件中构建另一个菜单，如下所示：

const test = new Menu('', {
  // Empty
});

由于某种原因，它不允许我使用导出，我也尝试过export default Menu;，但没有成功，它不断返回以下错误：

有人知道实例化对象字面量的正确方法吗？

Answer 1

在 ES6（又名 ES2015）中，JavaScript 引入了类。这些工作就像其他编程语言中的类（如果你知道的话）一样，具有构造函数、方法、getter 和 setter（都是可选的）。您可能需要考虑切换到以下代码：
menu.js:

class Menu {
    constructor() {
        this.elt = null;
        this.settings = {
            title: ""
        }
    }

    // Other methods
}

export { Menu }

main.js:

import { Menu } from "menu";

const test = new Menu();

但是，如果要放参数，可以将Menu构造函数更改为：

constructor(elt = null, settings = {
    title: ""
}) {
    this.elt = elt;
    this.settings = settings;
}

然后，在main.js，

import { Menu } from "menu";

const test = new Menu("", {
    // Empty
});