React Native中如何按顺序执行SQLite读取、处理及计算的JS代码

核心思路是将所有异步方法包装为Promise，通过async/await语法控制执行顺序：

步骤1：改造异步方法为Promise形式 #

首先把4个SQLite读取方法从回调式写法改造成返回Promise的形式，示例如下：

const retrieve1 = () => {
  return new Promise((resolve, reject) => {
    // 原有SQLite查询逻辑保持不变
    db.transaction(tx => {
      tx.executeSql(
        '你的查询SQL',
        [],
        (tx, results) => resolve(results.rows._array), // 查询成功返回结果
        (tx, err) => reject(err) // 查询失败抛出异常
      )
    })
  })
}
// 按相同逻辑改造 retrieve2、retrieve3、retrieve4

如果你的processRetrieve系列方法也包含异步逻辑，也用相同方式包装为Promise。

步骤2：按需求选择执行逻辑 #

场景1：4个读取任务无依赖，可并行执行（性能更优） #

// 外层函数必须加 async 关键字
const runFullProcess = async () => {
  try {
    // 并行执行所有读取任务，全部完成后才进入下一步
    const [data1, data2, data3, data4] = await Promise.all([
      retrieve1(),
      retrieve2(),
      retrieve3(),
      retrieve4()
    ])

    // 执行对应数据处理，方法为异步则前面加 await
    const processed1 = processRetrieve1(data1)
    const processed2 = processRetrieve2(data2)
    const processed3 = processRetrieve3(data3)
    const processed4 = processRetrieve4(data4)

    // 所有处理完成后执行计算方法
    Calculate(processed1, processed2, processed3, processed4)
  } catch (e) {
    // 统一捕获全流程的异常
    console.error('流程执行失败：', e)
  }
}

场景2：4个读取任务有先后依赖，需串行执行 #

const runFullProcess = async () => {
  try {
    // 按顺序逐个执行读取任务
    const data1 = await retrieve1()
    const data2 = await retrieve2()
    const data3 = await retrieve3()
    const data4 = await retrieve4()

    // 按顺序处理数据
    const processed1 = processRetrieve1(data1)
    const processed2 = processRetrieve2(data2)
    const processed3 = processRetrieve3(data3)
    const processed4 = processRetrieve4(data4)

    // 执行计算
    Calculate(processed1, processed2, processed3, processed4)
  } catch (e) {
    console.error('流程执行失败：', e)
  }
}

调用方式 #

需要触发全流程时，直接调用runFullProcess()即可，首次触发即可严格按照「读取→处理→计算」的顺序执行。

内容的提问来源于stack exchange，提问作者Ive