javascript - Javascript 类、单例以及如何初始化多个对象

Question

我试图了解如何在 Javascript 中管理对象和类。我的前端有几个元素：一些元素，比如菜单，是独一无二的，所以我只需要初始化一次，但是我有一些对象可以在页面上有多个实例，比如画廊。

现在我的菜单

export class Menu {
  init() {
  ...
  }
}

export default new Menu();

接着

import MenuSingleTon, { Menu } from './menus';

const menu = new Menu();

document.addEventListener('DOMContentLoaded', () => {
  menu.init();
})

对于我的画廊，我正在使用类似的东西

export class Gallery {

  constructor() {
  ....
  }

  init() {
   $('gallery').each((i, el) => 
    new gallery($(el)));
  }
}

export default new Gallery();

但我认为这种方法是错误的。我不确定。

标签： javascriptecmascript-6