React Native AsyncStorage Promise返回值获取问题求助

你遇到的问题核心是没有正确等待AsyncStorage的异步操作完成——虽然你的函数标记了async，但内部用的是回调式API，并没有利用async/await来等待异步任务结束，导致代码会先执行外部的console.log和return，此时回调里的数组填充逻辑还没跑，所以输出的是空数组。

直接给你修正后的代码（推荐用async/await写法） #

export const loadLocalData = async () => {
  try {
    // 等待获取所有key
    const keys = await AsyncStorage.getAllKeys();
    // 等待根据key批量获取数据
    const stores = await AsyncStorage.multiGet(keys);
    
    // 处理数据生成目标数组
    const itemsStoredLocally = stores.map((store) => {
      const [key, value] = store;
      console.log("Inside the method : ", store);
      return store;
    });
    
    console.log("Outside the method: ", itemsStoredLocally);
    return itemsStoredLocally;
  } catch (err) {
    console.error("加载本地数据出错:", err);
    return []; // 出错时返回空数组，可根据业务需求调整
  }
};

为什么原来的代码不行？ #

你用的是AsyncStorage的回调式API，回调函数是异步执行的：当loadLocalData执行到console.log("Outside the method:...")和return时，getAllKeys和multiGet的回调还没触发，itemsStoredLocally.push(result)根本没执行，所以数组自然是空的。

而async/await的作用就是让异步代码看起来像同步代码，确保前一步异步操作完成后，再执行后续逻辑，完美解决这个时序问题。

如果你想用.then()链式调用的写法（备选） #

如果习惯Promise链式调用，也可以这样写，本质和async/await是一样的：

export const loadLocalData = () => {
  return AsyncStorage.getAllKeys()
    .then(keys => AsyncStorage.multiGet(keys))
    .then(stores => {
      const itemsStoredLocally = stores.map(store => {
        console.log("Inside the method : ", store);
        return store;
      });
      console.log("Outside the method: ", itemsStoredLocally);
      return itemsStoredLocally;
    })
    .catch(err => {
      console.error("加载本地数据出错:", err);
      return [];
    });
};

调用时注意事项 #

不管用哪种写法，loadLocalData本身是异步函数，调用它时必须用await或者.then()来获取结果：

// 示例1：在async函数里用await
async function handleLoadData() {
  const localData = await loadLocalData();
  // 拿到数据后做后续处理
  console.log("最终拿到的本地数据:", localData);
}

// 示例2：用.then()链式调用
loadLocalData().then(localData => {
  console.log("最终拿到的本地数据:", localData);
});

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