XMLHttp GET请求返回json对象，并且未定义，如何摆脱undefined？

Question

我在GET请求中获取了正确的json对象，但在每次请求后我都返回了undefined。有时我会返回多个undefined。如何摆脱未定义的物体出现？在我的get请求函数中返回什么都不做。这是我的代码：

(function makeRequest2(){  
   url.forEach(function(e){
   let httpRequest = new XMLHttpRequest();
   if(!httpRequest){
       alert('can not create http instance!')
       return false;
}
   httpRequest.onreadystatechange = streams;
   httpRequest.open('GET', 'https://wind-bow.glitch.me/twitch-api/streams/' + e, true);
   httpRequest.send();
  console.log('test');
  }); 
  return true;
   })();

function streams(){
if(this.readyState === XMLHttpRequest.DONE){
  if(this.status === 200){
    let data = JSON.parse(this.response);
console.log(data.logo);

    } 
  }
}

Data.logo返回正确的json对象字符串，但它也返回undefined，有时多次未定义，因为我收到多个httprequests。

https://codepen.io/icewizard/pen/qpyZqa链接到codepen