AngularJS中如何从jQuery异步GET调用的回调外部获取数据？

嘿，这个问题是异步编程里的经典困惑——你没法直接绕过异步的本质把数据“拿”到回调外面，但我们可以用更优雅的写法，让代码看起来接近同步逻辑，同时不破坏异步的特性。

为什么你的console.log(tempData)会是undefined？ #

因为$.get是异步请求：浏览器会先执行console.log(tempData)这行代码，此时请求还没完成，tempData还没被赋值，所以输出undefined。等请求成功返回后，才会执行回调函数给tempData赋值，但这时候console.log早就跑完了。

解决方案：用Promise+async/await让代码更直观 #

首先我们可以改造你的getData方法，让它返回一个Promise（jQuery的$.get本身就返回一个类Promise的Deferred对象，所以可以直接返回）：

var crawlers = crawlers || {};
crawlers.Crawler1 = { 
  getData : function() { 
    // 直接返回$.get的结果，自带Promise特性
    return $.get('linkToSite')
      .fail(function(err) {
        // 统一处理请求失败的情况，抛出错误让调用方捕获
        throw new Error('请求失败: ' + err.statusText);
      });
  } 
};

然后在MainController里使用async/await语法，这样代码看起来就像同步执行一样：

// 注意：await必须放在async函数内部
async function loadCrawlerData() {
  try {
    // 这里的await会等待请求完成，再把结果赋值给tempData
    const tempData = await crawlers.Crawler1.getData();
    console.log(tempData); // 现在就能拿到正确的数据了
    // 接下来你可以直接在这里使用tempData做任何操作，不用嵌套回调
  } catch (err) {
    // 捕获请求失败的错误
    console.error('加载数据出错:', err);
  }
}

// 调用这个异步函数
loadCrawlerData();

如果你不想用async/await，也可以用Promise的链式调用 #

虽然还是基于回调，但比嵌套写法更清晰：

crawlers.Crawler1.getData()
  .then(function(tempData) {
    console.log(tempData);
    // 在这里处理数据，逻辑可以平铺展开
  })
  .catch(function(err) {
    console.error('加载数据出错:', err);
  });

关键提醒 #

没有办法真正在异步回调外部同步获取到数据，因为JavaScript是单线程的，异步操作不会阻塞主线程（否则页面会卡死）。async/await只是语法糖，底层还是基于Promise的异步机制，它只是让代码的可读性更高，看起来像同步而已。

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