来自GIPHY API的异步回调的未定义响应

Question

// //create the src for gif
function loadGiphyData(tag, callback){
  var data;
  var request = new XMLHttpRequest();
  request.open('GET', `https://api.giphy.com/v1/gifs/search?q=${tag}&api_key=5p8A1b1szDSqAVgDP1m2dlq8z0rdO3h1&limit=10`, true);
  request.onload = function() {
    data = JSON.parse(request.responseText).data[Math.floor(Math.random()*11)].images.original.url;
    console.log(data);
    return callback(data);
  }
  request.send();
}

大家好，我在获取回调函数以返回值时遇到问题。我正在使用GIPHY API返回GIF的URL，但是当我console.log（）返回值时，我总是不确定。

console.log(loadGiphyData("dog", function(result) {return result;}));

我已经阅读了Felix Kling关于异步工作原理的答案，并尝试实现他对回调函数的使用，但是我仍然没有得到任何回报。 -> How do I return the response from an asynchronous call?

任何帮助将不胜感激，谢谢！