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
      },
    ]
  }
];

或者将它们声明为函数并利用提升。