不显示contextMenu的时候，是否应该销毁contextMenu？

Question

请问一下，有如下的需求：

在编辑区域的画布上，我要创建上下文菜单(contextMenu)：

createContextMenu('contextmenu', (e) => {
  e.preventDefault()

  const menu = new Menu()
  menu.append(
    new MenuItem({
      type: 'checkbox',
      label: 'Menu-Item-1',
      checked: true,
      click: (): void => {
        console.log('menu-item-one')
      }
    })
  )
  menu.append(new MenuItem({ type: 'separator' }))
  menu.append(
    new MenuItem({
      label: 'Menu-Item-2',
      click: (): void => {
        console.log('menu-item-two')
      }
    })
  )
  menu.popup()
})

请问一个问题，就是：
1、contextMenu是在编辑区右键的时候，显示contextMenu。
那么是应该在右键的时候，创建contextMenu，不显示的时候（比如点击了item，或者点击了画布）进行销毁；
还是应该创建一个单例的contextMenu，永远不销毁呢？

2、比如在编辑区inactive的时候，是否应该销毁contextMenu？

Answer 1

回答：JavaScript中右键菜单事件一般是来获取鼠标的位置，在点击右键时将菜单元素给展示出来，不需要销毁，只需要处理展示和隐藏的逻辑即可