为什么我的json数据不能使用javascript以正确的顺序加载？

function loadJSON(url, callback) {
  var xhr = new XMLHttpRequest();
  xhr.overrideMimeType("application/json");
  xhr.open("GET", url, true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      callback(JSON.parse(xhr.responseText));
    }
  };
  xhr.send(null);
}

loadJSON("data.json", function(data) {
  // 在回调函数中处理数据
  console.log(data);
});

function loadJSON(url) {
  return new Promise(function(resolve, reject) {
    var xhr = new XMLHttpRequest();
    xhr.overrideMimeType("application/json");
    xhr.open("GET", url, true);
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4) {
        if (xhr.status === 200) {
          resolve(JSON.parse(xhr.responseText));
        } else {
          reject(xhr.status);
        }
      }
    };
    xhr.send(null);
  });
}

loadJSON("data.json")
  .then(function(data) {
    // 处理加载完成的数据
    console.log(data);
  })
  .catch(function(error) {
    // 处理错误
    console.error("Error: " + error);
  });