Ionic1中如何不使用Promise获取localForage存储的值？

首先得明确一点：localForage本身就是基于Promise设计的异步存储库，完全绕开Promise是不可能的——毕竟它底层依赖的IndexedDB、WebSQL这些存储API大多是异步的。但我们可以通过预加载+内存缓存的方式，让后续对用户数据的访问变成同步的，同时解决你之前用$scope存储重启丢失的问题。

下面是具体的可行方案：

1. 用单例Service做内存缓存+启动预加载 #

你之前用$scope存数据丢失，本质是因为$scope是控制器级别的临时内存，应用重启或页面刷新后所有内存变量都会被清空。我们需要一个全局的、持久的内存容器，同时在应用启动时自动从localForage加载数据到这个容器里。

以Angular为例，我们可以创建一个单例Service来处理：

angular.module('myApp').service('UserCache', function(localForage) {
  // 内存缓存用户数据
  let userData = null;

  // 应用启动时预加载数据的方法
  this.init = function() {
    return localForage.getItem('userDetails')
      .then(data => {
        userData = data;
        return data;
      })
      .catch(err => {
        console.error('加载用户数据失败:', err);
      });
  };

  // 同步获取用户数据（前提是init已完成）
  this.getUser = function() {
    return userData;
  };

  // 更新用户数据时，同时更新内存缓存和localForage
  this.setUser = function(data) {
    userData = data;
    return localForage.setItem('userDetails', data);
  };
});

然后在应用的run块里调用初始化方法，确保应用启动时就加载数据：

angular.module('myApp').run(function(UserCache) {
  // 启动时预加载用户数据到内存
  UserCache.init().then(() => {
    console.log('用户数据已加载到内存缓存');
  });
});

之后在任意控制器里，你就可以同步获取数据了：

$scope.user = UserCache.getUser();

2. 处理初始化未完成的边界情况 #

如果有些页面可能在init完成前就需要访问数据，你可以在Service里保存初始化的Promise，让需要等待数据的地方可以监听：

// 在UserCache里添加一行，把init的Promise存起来
this.ready = this.init();

然后在控制器里：

UserCache.ready.then(() => {
  $scope.user = UserCache.getUser();
  // 这里可以执行依赖用户数据的逻辑
});

3. 核心逻辑总结 #

• 我们并没有绕开localForage的异步特性，只是把唯一的一次异步操作放在了应用启动阶段。
• 内存缓存（单例Service）保证了后续访问是同步的，不用每次都调用getItem()。
• 每次更新数据时，同时更新内存缓存和localForage，确保内存和持久化存储的数据一致。
• 应用重启后，init方法会重新从localForage加载数据到内存，不会出现丢失的问题。

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