Javascript：使用引用函数的对象导出数组

Question

我正在使用数组填充设置页面，并且某些按钮具有附加功能。

这就是我想要做的。 在一个文件中，导出具有引用同一文件中函数的对象的数组，或者导出一个类，然后从该类内部访问该数组，并引用该类中的函数。

// 导入文件

import Settings from './Settings';
console.log(Settings.settingsArray);

//导出文件

export const settingsArray = [
  {
    title: " ",
    data: [
      {
        title: "Export data",
        func: this.exportData
      }
    ]
  },
  {
    title: " ",
    data: [
      { 
        title: "Set custom code",
        func: this.showDialog
      },
    ]
  }
]

exportData = () => {
    // some code
};

showDialog = () => {
    // some code
};

Answer 1

删除this关键字并在使用它们之前创建函数：

const exportData = () => {
    // some code
};

const showDialog = () => {
    // some code
};

export const settingsArray = [
  {
    title: " ",
    data: [
      {
        title: "Export data",
        func: exportData
      }
    ]
  },
  {
    title: " ",
    data: [
      { 
        title: "Set custom code",
        func: showDialog
      },
    ]
  }
];

或者将它们声明为function并利用提升功能。