のJavaScript JSONの解析は、undefinedを返します

Question

I私はこの

console.log(getSetting('restaurant_name')); 

のようにテストしてい以下の機能

function getSetting(item) { 
    var rawFile = new XMLHttpRequest(); 
    rawFile.overrideMimeType("application/json"); 
    rawFile.open("GET", "settings.json", true); 
    rawFile.onreadystatechange = function() { 
     if (rawFile.readyState === 4 && rawFile.status == "200") { 
      var data = JSON.parse(rawFile.responseText); 
      return data.item; 
     } 
    } 
    rawFile.send(null); 
} 

それは未定義

データのはconsole.logを返すされていは、JSONファイルのJSONオブジェクトを期待どおりに返します。

項目戻る予想通りRESTAURANT_NAMEのにconsole.log。

私は明白な何かを見逃しているに違いありませんが、私はまだ何も出くわしていないこれに関するStackoverflowの他のトピックを見ている。

私は結果を得るためにデータ[0] .itemを使用しようとしましたが、違いはありませんでした。 settings.jsonファイルの

内容：

{ 
    "restaurant_name": "Example_Restaurant_Name", 
    "restaurant_address": "Example Restaurant, England" 
} 

ヘルプくらい、事前に感謝を感謝しています。あなたのコードは、JSONのitem名前を探していると、ある

Answer 1

1. あなたは、オブジェクト参照の間違ったフォームを使用しています。
2. あなたの関数が非同期要求から直接戻る方法はありません。

代わりにこれを試してみてください：

function getSetting(item, callback) { 
    var rawFile = new XMLHttpRequest(); 
    rawFile.overrideMimeType("application/json"); 
    rawFile.open("GET", "settings.json", true); 
    rawFile.onreadystatechange = function() { 
     if (rawFile.readyState === 4 && rawFile.status == "200") { 
      var data = JSON.parse(rawFile.responseText); 
      callback(data[item]); // <----- THIS LINE CHANGES 
     } 
    } 
    rawFile.send(null); 
} 

getSetting('restaurant_name', function (value) { console.log(value); }); 

Answer 2

私はこの問題は、return文であると考えています。

return data.item 

これは何をしたいことは、アイテム変数に格納されたキーとデータオブジェクトに値を返すとき、キー「アイテム」のデータオブジェクトに値を返すようにしようとするつもりです。

私はあなたが何をしたいの正しい構文があると思う：

return data[item] 

私もあなたがここにあなたの関数から値を返すことができるとは思わない - ので、あなたはコールバック関数を定義するか必要があります非同期要求が値を返すか、関数の外部にスコープされた変数を設定します。

誰かがコールバック関数を使用した回答を投稿したばかりだから、そのアプローチを使用することをお勧めします。