JavaScript：関数の外部で機能しない変数はありますか？

Question

関数内で定義した変数を呼び出すことができないのはなぜですか？これは私のコードです...

var username; 
    var rank; 
    var steamid; 
    var avatar; 

    var xhr = new XMLHttpRequest(); 

    xhr.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 

     if (this.responseText == "null") { 
     } else { 
      var infoArr = JSON.parse(this.responseText); 
      var username = infoArr.username; 
      var rank = infoArr.rank; 
      var steamid = infoArr.steamid; 
      var avatar = infoArr.avatar; 
      testIt(); 
     } 
    } 
}; 

xhr.open("GET", "../getInfo.php", true); 
xhr.send(); 

function testIt() { 
    alert(username); 
} 

機能testIt（）戻っている：未定義

をどのように私のコードはありませんが、JSONエンコードされたページから情報を取得し、変数を作ることです。

Answer 1

関数外の変数を使用する場合は、それらを関数外で定義する必要があります。

var username, rank, steamid, avatar, infoArr, username, rank, steamid, avatar; 

    var xhr = new XMLHttpRequest(); 

    xhr.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 

     if (this.responseText == "null") { 
     } else { 
      infoArr = JSON.parse(this.responseText); 
      username = infoArr.username; 
      rank = infoArr.rank; 
      steamid = infoArr.steamid; 
      avatar = infoArr.avatar; 
      testIt(); 
     } 
    } 
}; 

xhr.open("GET", "../getInfo.php", true); 
xhr.send(); 

function testIt() { 
    alert(username); 
}