如何将Electron窗口初始化代码转为现代async/await JS？我的尝试为何失败？

你希望将Electron官网的窗口初始化示例代码改为async/await风格，替换掉.then()回调，但尝试的代码运行失败，以下是具体问题分析和修正方案：

官网原始示例代码 #

const { app, BrowserWindow } = require('electron')
const path = require('path')

function createWindow () {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js')
    }
  })

  win.loadFile('index.html')
}

app.whenReady().then(() => {
  createWindow()

  app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
      createWindow()
    }
  })
})

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

你的尝试代码 #

(async () => {
    const ready = await app.whenReady()

    if (ready) {
        createMainWindow()

        app.on('activate', () => {
            if (BrowserWindow.getAllWindows().length === 0) {
                createMainWindow()
            }
        })

        app.on('window-all-closed', () => {
            if (process.platform !== 'win32') {
                app.quit()
            }
        })
    } else {
        console.error('App crashed')
    }

})()

错误点分析 #

• 函数名不匹配：你调用的createMainWindow从未定义，原始代码中是createWindow，直接调用未定义的函数会导致运行时错误。
• app.whenReady()返回值误解：这个方法返回的Promise只会resolve空值，不会返回布尔值，所以const ready = await app.whenReady()得到的是undefined，if(ready)条件永远不成立，直接进入else分支，窗口创建逻辑根本不会执行。
• 平台判断逻辑错误：原始代码中window-all-closed事件里判断的是process.platform !== 'darwin'（macOS以外的平台关闭所有窗口就退出app），你写成了!== 'win32'，逻辑完全反转，会导致macOS下关闭窗口就退出，其他平台反而不退出，行为严重异常。
• 事件绑定时机错误：window-all-closed事件应该在app启动阶段就监听，你把它放在await whenReady()之后，可能会错过app准备就绪前的事件触发（比如用户快速关闭启动中的窗口）。

修正后的async/await风格代码 #

const { app, BrowserWindow } = require('electron')
const path = require('path')

function createWindow () {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js')
    }
  })

  win.loadFile('index.html')
}

(async () => {
  // 等待app准备就绪，无需判断返回值，失败时会直接抛出异常
  await app.whenReady()

  createWindow()

  app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
      createWindow()
    }
  })
})()

// 提前绑定window-all-closed事件，确保不会错过触发时机
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

关键说明 #

1. 保留原有的createWindow函数，避免函数名错误。
2. await app.whenReady()无需判断返回值，该Promise仅在app成功准备好后resolve，启动失败会直接抛出异常，可根据需要用try/catch包裹处理。
3. 将window-all-closed事件绑定在async函数外部，保证app启动过程中就能监听该事件。
4. 修正平台判断逻辑，与官网示例保持一致，符合Electron的跨平台行为规范。

内容的提问来源于stack exchange，提问作者Egon Stetmann.