从 XHR 请求返回一个值

如何解决从 XHR 请求返回一个值

考虑以下代码：

function checkValidResultId (resultId) {
  const endpoint = `http://localhost:3000/questiontree/checkValidResultId/${resultId}`;
  
        const xhr = new XMLHttpRequest ();
        xhr.responseType = 'json';
        xhr.onreadystatechange = () => {
          if (xhr.readyState === XMLHttpRequest.DONE) {
            console.log(xhr.response[0]);
            return xhr.response[0];
    }
        };
        xhr.open('GET',endpoint);
        xhr.send('');  
};
console.log(checkValidResultId("6108895"));

为什么 console.log(xhr.response[0]) 返回一个 Object，但 return xhr.response[0] 不起作用并返回 undefined ?