electron中在main.js中调用custom.js中导出的异步方法

源码资源网

electron中在main.js中调用custom.js中导出的异步方法
下面是一个示例，展示如何在  `main.js`  中调用  `custom.js`  中导出的异步方法。我们将  `custom.js`  中的异步方法导出，并在  `main.js`  中直接调用它。
### 1. 在  `custom.js`  中定义和导出异步方法

1. // js/custom.js
   
2. async function fetchData() {
   
3.     return new Promise((resolve) => {
   
4.         setTimeout(() => {
   
5.             resolve("Data fetched from custom.js!");
   
6.         }, 2000);
   
7.     });
   
8. }
   
9. // 导出异步方法
   
10. module.exports = { fetchData };

复制代码

### 2. 在  `main.js`  中调用  `custom.js`  中的异步方法

1. const { app, BrowserWindow } = require('electron');
   
2. const path = require('path');
   
3. const customModule = require('./js/custom.js'); // 导入自定义 JS 文件
   
4. function createWindow() {
   
5.     const win = new BrowserWindow({
   
6.         width: 800,
   
7.         height: 600,
   
8.         webPreferences: {
   
9.             contextIsolation: true,
   
10.             preload: path.join(__dirname, 'preload.js') // 使用 preload.js 进行安全通信
    
11.         }
    
12.     });
    
13.     win.loadFile('index.html');
    
14.      // 调用 custom.js 中的异步方法
    
15.     callFetchData(); // 调用异步方法
    
16. }
    
17. // 定义一个异步函数来调用 fetchData
    
18. async function callFetchData() {
    
19.     const data = await customModule.fetchData(); // 等待异步方法的结果
    
20.     console.log(data); // 输出: Data fetched from custom.js!
    
21. }
    
22. app.whenReady().then(createWindow);

复制代码

### 3. 启动应用
确保你的项目结构正确，然后运行 Electron 应用。你应该能在控制台看到以下输出：

1. Data fetched from custom.js!

复制代码

### 总结
- 在  `custom.js`  中定义一个异步方法  `fetchData`  并导出。
- 在  `main.js`  中导入  `custom.js` ，并定义一个异步函数  `callFetchData`  来调用  `fetchData` 。
- 使用  `await`  等待异步方法的结果，并在控制台输出结果。
通过这种方式，你可以在  `main.js`  中轻松调用  `custom.js`  中的异步方法。