Angular Service变量异步赋值后调用问题：首次get方法报错求助

这个问题我之前也碰到过，核心原因就是异步操作的时序问题——你的anotherService.call()是异步请求，init()调用后不会立刻把结果赋值给myVar，所以首次调用get()的时候，myVar还处于undefined状态，自然触发了错误提示。

要解决这个问题，我们需要把服务的逻辑从“同步返回变量”改成“基于Promise异步返回结果”，具体方案如下：

修正后的服务代码 #

angular.module("someApp", [])
.service("someServiceName", function(anotherService) { 
  // 直接存储异步请求的Promise，初始化时就启动请求
  var dataPromise = anotherService.call();

  this.get = function() {
    // 返回Promise，让调用者通过then/catch处理结果或错误
    return dataPromise.catch(function(error) {
      console.error('初始化数据失败:', error);
      throw error; // 继续传递错误，方便调用者自行处理
    });
  };
});

关键修改点说明 #

• 注入依赖：把anotherService作为参数传入服务构造函数（原来的代码漏掉了这一步，会导致anotherService未定义）。
• 缓存Promise而非结果：不再用myVar存储最终结果，而是直接存储anotherService.call()返回的Promise。这样不管什么时候调用get()，都能通过这个Promise等待异步操作完成。
• 统一异步返回：get()方法直接返回Promise，调用者需要通过.then()获取结果，.catch()处理错误，从根源上避免了“同步获取未初始化变量”的问题。

调用示例（在控制器中使用） #

angular.module("someApp")
.controller("SomeController", function(someServiceName) {
  // 通过then获取异步结果
  someServiceName.get().then(function(result) {
    // 这里可以安全使用初始化后的结果
    console.log('成功拿到数据:', result);
  }).catch(function(error) {
    // 处理初始化失败的场景
    console.error('获取数据出错:', error);
  });
});

为什么原来的方案不行？ #

因为异步操作不会阻塞代码执行：init()调用anotherService.call()后，代码会立刻继续执行，而then里的赋值逻辑要等异步请求完成才会触发。如果用户在请求完成前调用了get()，myVar还是undefined，就会触发错误提示。而用Promise缓存的方式，不管调用时机早或晚，都能正确等待结果返回。

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