jQuery 함수, 변수 및 범위

Question

저는 함수, 변수 및 범위로 여전히 어려움을 겪고 있습니다.

개념을 설명하는 여러 기사를 읽은 것 외에 여러 가지 관련 게시물이 있지만이 내용을 파악할 수는 없습니다. 사람이 어떻게 기능 여기

외부 바르 IP/잠/국가에 액세스하는 코드를 작동하고 말해 줄 수 ( 내부의 FN을 액세스 바르) :

$.get("http://ipinfo.io", function (response) { 
    var ip, prov, country; 
    ip = response.ip; 
    prov = response.region; 
    country = response.country; 
    alert('IP: '+ip+ ' ** Prov: ' +prov+ ' ** Country: ' +country); 
}, "jsonp"); 

그러나, 나는 바르에 액세스하려면 함수 밖에서 나중에 사용할 수 있습니다.

이 내 사이트에 작동하지 않았다 (모든 항목은 "정의"로 표시) :

var ip, prov, country; 
$.get("http://ipinfo.io", function (response) { 
    ip = response.ip; 
    prov = response.region; 
    country = response.country; 
}, "jsonp"); 
alert('IP: '+ip+ ' ** Prov: ' +prov+ ' ** Country: ' +country); 

그러나 this jsFiddle에서 잘했다!

또한,이 (모든 정의되지 않은) 작동하지 않았다 : 나는 IP/잠/국가에 액세스 할 수 내 사이트에 무엇을해야

var ip, prov, country; 
$(function(){ 
    $.get("http://ipinfo.io", function (response) { 
     ip = response.ip; 
     prov = response.region; 
     country = response.country; 
    }, "jsonp"); 
    alert('IP: '+ip+ ' ** Prov: ' +prov+ ' ** Country: ' +country); 
}); //END document.ready 

은 $ 갔지 함수 외부 바르

?

감사

Answer 1

AJAX는 비동기입니다. alert은 내에서 콜백 기능을 사용해야합니다. 이것은 가변 스코프의 문제가 아니며, AJAX 호출이 완료되지 않았기 때문에 변수가 alert이 실행될 때 단순히 설정되지 않습니다.