関数内のvarを関数外に呼び出す

Question

この変数を関数外で呼び出そうとしていますが、結果として定義されません。 varなしで変数がグローバルスコープで呼び出すことができますが、私は未定義と理解します。私はまた、関数の外にvarを設定して呼び出しましたが、それも成功しませんでした。ここに私の単純化されたコードだありがとう:)

function function1() { 
    $.getJSON('random.json') 
    .success(successfunction) 
    .error(failfunction); 

    function successfunction(data) { 
    testvar = (data.name); 
    } 
    function failfunction(error) { 
    console.log(error); 
    } 
}; 

console.log(testvar); 

は、Ajaxの負荷後のVARをロードするために $(document).ajaxStop(function() {} を使用。

Answer 1

あなたはそれがグローバルになっていることを確認してくださいます。 AJAX呼び出しが成功した場合にのみ、タイムアウト&後に実行されている：

---

ただし、successfunctionが、後に実行されますコールバックであることに注意してください。

Answer 2

試しSUC cessfunctionに戻りtestvarを追加する代わりにtestvar

コールsuccessfunction

function successfunction(data){ 
    testvar = "var"; 
    return testvar; 
} 

Answer 3

それは法の適用範囲にだけ見えるのですが呼び出し、あなたはグローバルを意味している（関数外で宣言する必要がこの場合）または関数呼び出しでそれを返す：

var testvar2 = "var 2"; 
 

 
function function1() { 
 
    // parse json 
 
    return successfunction("data"); 
 

 
    function successfunction(data) { 
 
    testvar2 = "var glob"; 
 
    var testvar = "var ret"; 
 
    return testvar; 
 
    } 
 
    function failfunction(error) { 
 
    console.log(error); 
 
    } 
 
}; 
 

 
console.log(testvar2); 
 
console.log(function1()); 
 
console.log(testvar2);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

グローバル変数を宣言することは避け、適切な方法ではないため、可能な限り小さな変数の範囲を定義してみてください。他のjsモジュールでも、testvar2という名前のvaribaleが宣言されていると面白いことが起こります。あなたはグローバルスコープが、そのことでwindow

function successfunction(data){ 
    window.testvar = "var"; 
} 

のようにグローバルオブジェクトへのあなたの変数を添付したい場合