最近做electron的项目时，使用了下ipcRenderer.sendSync与ipcRenderer.invoke。它们都是Electron 中用于实现进程间通信（IPC）的两个重要方法。

1. 通信方式：
   • ipcRenderer.sendSync：该方法提供同步通信，意味着渲染进程会阻塞直到主进程处理消息并返回响应。
   • ipcRenderer.invoke：该方法则提供异步通信，允许渲染进程发送消息后继续执行其他操作，无需等待主进程立即响应。
2. 使用场景：
   • ipcRenderer.sendSync：适用于需要立即获取结果且可以承受短暂阻塞的场景。
   • ipcRenderer.invoke：适用于不需要立即获取结果或希望避免阻塞渲染进程的场景。
3. 便利性：
   • ipcRenderer.sendSync：必须通过 event.returnValue 来发送返回值。
   • ipcRenderer.invoke：可以在渲染进程中直接处理返回的数据，而无需额外监听事件。
4. 性能影响：
   • ipcRenderer.sendSync：由于其同步性质，如果主进程处理时间过长，可能会导致渲染进程卡顿。
   • ipcRenderer.invoke：由于其异步性质，可以避免因主进程处理导致的渲染进程卡顿。
5. 错误处理：
   • ipcRenderer.sendSync：可以通过 try-catch 结构来处理超时或其他同步错误。
   • ipcRenderer.invoke：由于其异步特性，错误处理更加灵活，可以使用 Promise 的 catch 方法。
6. 代码简洁性：
   • ipcRenderer.sendSync：需要额外的监听和事件处理逻辑。
   • ipcRenderer.invoke：简化了事件处理，使代码更加简洁。

       如果你需要立即获取结果并愿意承担阻塞的风险，ipcRenderer.sendSync 可能是合适的选择。相反，如果你希望避免阻塞并优化用户体验，ipcRenderer.invoke 将是更好的选择。在实际应用中，根据具体需求和性能考虑选择合适的通信方式。

ipcRenderer.invoke 使用方法

ipcRenderer.invoke 接受两个参数：

1. channel: 通信的频道名称。
2. args: 要发送的数据。

eg:假设你想从渲染进程向主进程请求数据，然后处理返回的结果：

（1）、在渲染进程(renderer process)中：

const result = await ipcRenderer.invoke('get-data', 'some data');
console.log(result); // 输出：{val: 'some data'}

（2）、在主进程(main process)中：

const { ipcMain } = require('electron');

ipcMain.handle('get-data', async (event, someData) => {
  // 处理数据并返回结果
  return { val: someData };
});

在这个例子中，渲染进程通过 ipcRenderer.invoke 向主进程发送一个名为 "get-data" 的事件，并附带数据 'some data'。主进程监听 "get-data" 事件，并通过 ipcMain.handle 的回调函数返回数据。由于使用了 invoke，渲染进程会等待直到主进程处理完毕并返回结果，然后继续执行。

ipcRenderer.sendSync 使用方法

也是两个参数

1. channel: 通信的频道名称。
2. args: 要发送的数据。

（1）、在渲染进程(renderer process)中：

// 假设你有一个按钮，当点击时触发下面的函数
document.getElementById('myButton').addEventListener('click', function() {
  const data = {
    val: 1000
  }
  // 'sync' 是通道名称，data 是要发送的数据
  const response = ipcRenderer.sendSync('sync', data)
  // 处理返回值
  console.log(response) // 输出：{val: 1000}
})

（2）、在主进程(main process)中：

const { ipcMain } = require('electron')

ipcMain.on('sync', (event, data) => {
  // 在这里处理数据，然后通过 event.returnValue 发送返回值
  event.returnValue = data
})

        在这个例子中，当用户点击 id 为 "myButton" 的按钮时，渲染进程会通过 ipcRenderer.sendSync 向主进程发送一个名为 "sync" 的事件，并附带数据 {val: 1000}。主进程监听 "sync" 事件，并通过 event.returnValue 返回数据。由于使用了 sendSync，渲染进程会等待直到主进程处理完毕并返回结果，然后继续执行。

感谢：https://xinghuo.xfyun.cn/desk