Jquery .ajax() 局部变量无法分配给全局变量

解析jQuery中.ajax()的局部变量无法分配给全局变量的问题

javascript
var globalData; // 全局变量
function fetchData() {
  var localData; // 局部变量
  $.ajax({
    url: "https://api.example.com/data",
    method: "GET",
    success: function(response) {
      // 尝试将局部变量赋值给全局变量
      localData = response.data;
      globalData = localData;
    },
    error: function(error) {
      console.error("Error fetching data: " + error);
    }
  });
  // 在异步请求完成之前执行的代码
  console.log("Local Data: " + localData); // 输出 undefined
  console.log("Global Data: " + globalData); // 输出 undefined
}
fetchData();

javascript
var globalData; // 全局变量
function fetchData() {
  $.ajax({
    url: "https://api.example.com/data",
    method: "GET"
  })
  .done(function(response) {
    // 在此处处理获取到的数据
    globalData = response.data;
    console.log("Global Data: " + globalData);
  })
  .fail(function(error) {
    console.error("Error fetching data: " + error);
  });
}
fetchData();