Javascript 変数への代入が上手くいかない

実現したいこと

APIで取得した後に実行する関数内でグローバル変数に値を代入したいです。

発生している問題・分からないこと

最初に変数を宣言し、API取得した際に代入し、その後にその変数を利用して動くプログラムを作成したいのですが、値は入っていませんでした。
なにか順番が違うのでしょうか？

該当のソースコード

Javascript

1var test;2var request = new XMLHttpRequest();3var URL = 'https://hogehoge.comcom/api;4 5request.open('GET', URL, true);6request.onload = function () {7 test = this.response;8 console.log(test); // 表示する9}10request.send();11 12console.log(test); // undefined

試したこと・調べたこと

上記の詳細・結果

グローバル変数の宣言方法や、位置が違うのでしょうか？

補足

特になし