javacriptのコールバック関数の "outside"変数へのアクセス

Question

loadJSON(path, callback) { 
    console.log("path: " + path); 
    var xobj = new XMLHttpRequest(); 
     xobj.overrideMimeType("application/json"); 
    xobj.open('GET', path, true); 
    xobj.onreadystatechange = function() { 
      if (xobj.readyState == 4 && xobj.status == "200") { 
      callback(xobj.responseText); 
      } 
    }; 
    xobj.send(null); 
} 

上記はjsonファイルにローカルでアクセスする関数です。 その後、 `foobar（） 'から検索されたデータを解析します。 しかし、コールバック機能の「外部」から、変数「json」にアクセスすることはできません。 私は同様のSOの質問と非同期の概念を検索しましたが、まだそれを解決する方法を見つけることができませんでした。

function foobar() { 
    var json; 
    loadJSON("data.json", function(response) { 
     json = JSON.parse(response); 
     console.log(json[0].name); // Successfully shows the result 
    }); 
    console.log(json[0].name); // TypeError: json is undefined 
} 

コールバックの変数「外部」にアクセスする方法はありますか？

Answer 1

これは非同期モードに設定されているためです。

console.log(json[0].name); // TypeError: json is undefined 

このコードは、jsonが埋め込まれる前に実行されます。したがって、アクセスしようとするとまだ空になっている可能性があります。この行の3番目の引数は非同期としてそれを定義しています

xobj.open('GET', path, true); 

あなたは

xobj.open('GET', path, false); 

を置くことを試みることができる。しかし、それはもう非同期ではなく、ユーザーが終了要求のために待機する必要があります、だから、コールバックメソッドが呼ばれていなくても前に呼び出されていないときに、 'json' varを使うのが良いでしょう。非同期モードをオンにする。 これを行うには、コードを再構成する必要があります。

Gerardo Furtadoが投稿したリンクは完全に正確です。確認する必要があります。

編集：私はすでに述べたように、他のユーザーも、非同期：偽のは非常に良いではありませんので、私は私の答えを編集しています：

function foobar() { 
    var json; 
    loadJSON("data.json", function(response) { 
     json = JSON.parse(response); 
     // Call another function with json that is now filled with data 
     triggered(json); 
    }); 
} 

function triggered(json) { 
    console.log(json[0].name); 
    // Do your work on json 
} 

Answer 2

非常に簡単です。関数外のjson変数を宣言します。これにより、変数にグローバルスコープが与えられます。この関数はjsonをオーバーライドするためだけに呼び出され、jsonはスクリプトのどこでも使用できます。