javascript - 请问如何拆分`export const registerIpcMainHandlers = () => {...}`里面的方法呢？

Question

我目前有一个文件（mainHandler.ts），里面有如下内容：

export const registerIpcMainHandlers = () => {  ipcMain.on('message1'  , (event, data) => {    console.log(`Message received from ${event.sender.id}: ${data}`);    event.sender.send('response', 'Response message from main process.');  });  ipcMain.on('message2'  , (event, data) => {    console.log(`Message received from ${event.sender.id}: ${data}`);    event.sender.send('response', 'Response message from main process.');  });  ...}

现在我想要拆分里面的一些监听方法到其他文件去(例如：subHandlers/handler1.ts)：

mainHandler.tssubHandlers/  handler1.ts

应该怎么做呢？应该如何把subHandlers/handler1.ts中的on方法们引入到：registerIpcMainHandlers里面去呢？

Answer 1

楼上的方法已经很明确了，不过题主的描述貌似有一些分歧：

简单概述下：
想要拆分A.ts里面的方法到XX/B.ts中,
题主问的是：

应该如何把XX/B.ts中的on方法们引入到：A.ts里面去呢？

猜测你想问的应该是

将A.ts文件中的方法拆分，在XX/B.ts中引入

如果不想改动 registerIpcMainHandlers方法，又想拆分，又想复用，可以这样

// mainHandler.tsimport { ipcMain } from 'electron';export const registerIpcMainHandlers = () => {  ipcMain.on('message1'  , (event, data) => {    console.log(`Message received from ${event.sender.id}: ${data}`);    event.sender.send('response', 'Response message from main process.');  });  ipcMain.on('message2'  , (event, data) => {    console.log(`Message received from ${event.sender.id}: ${data}`);    event.sender.send('response', 'Response message from main process.');  });  ...}// 拆分的方法export const handleMessage = (msgName) => {  ipcMain.on(msgName, (event, data) => {    console.log(`Message received from ${event.sender.id}: ${data}`);    event.sender.send('response', 'Response message from main process.');  });};

引入这里就不再赘述了~【PS：也有可能是我理解的有偏差】

Answer 2

// subHandlers/handler1.tsimport { ipcMain } from 'electron';export const handleMessage1 = () => {  ipcMain.on('message1', (event, data) => {    console.log(`Message received from ${event.sender.id}: ${data}`);    event.sender.send('response', 'Response message from main process.');  });};export const handleMessage2 = () => {  ipcMain.on('message2', (event, data) => {    console.log(`Message received from ${event.sender.id}: ${data}`);    event.sender.send('response', 'Response message from main process.');  });};

// mainHandler.tsimport { handleMessage1, handleMessage2 } from './subHandlers/handler1';export const registerIpcMainHandlers = () => {  handleMessage1();  handleMessage2();  // ...};