쉬운 각도 : 왜 순서가 바뀌나요?

Question

AngularJS 학생의 경우 '어리석은'질문이지만 혼란 스럽습니다.

변수를 console.logging 할 때 var result이 GET 등의 약속이고, .then() 변수가 asignin과 같은 일부 작업을 수행한다고 가정 해 봅니다.

var result = ... ; 

    $scope.number = {}; 


    result.then(function(data) { 
     $scope.number = 5; 

     console.log($scope.number); 
    }); 


console.log($scope.number); 

오케이! 그래서 나에게,이 두 번째 .LOG 비를 인쇄 할 수

5 
5 

이 경우에 (

5 
undefined 

(경우에 나는이 기능이나 약속 외부 달러 (A $) 범위 변수를 초기화)를 인쇄한다 ,

) 함수 외부 -defined 전역 변수 그래서 내가 얻을 :

undefined 
5 

inner (5) 변수 앞에 outter $scope.number이 인쇄되는 이유는 무엇입니까?

약속 내에서 GET을 얻은 후에 변수를 초기화하고 나중에 초기화 된 var를 사용하고 싶습니다.

감사합니다. =) 학습 속도가 빨라집니다! 그 후

var result = ... ; 

오른쪽, 당신은 약속의 .then 방법에 함수를 전달합니다 :

result.then(...) 

그리고 바로

Answer 1

이해하기 위해 중요한 것은 다음 즉시 약속을 반환하는 것입니다 그 후에는 다음을 수행하십시오.

console.log($scope.number); 

나중에 - 한 번 비동기 (HTTP 요청 등) ronous 작업이 완료되고 약속은 해결 - 당신이 .then에 전달 함수는 마지막으로 실행 :

function(data) { 
    $scope.number = 5; 

    console.log($scope.number); 
} 

그래서 약속은 비동기 동작을 관리 할 수 ​​있도록하기 위해 존재한다. 다음과 같이 여러 개의 비동기 기능을 관리해야 할 때 실제로 빛을 발합니다.

asyncFunction1().then(function() { 
    // This executes after asyncFunction1 completes 
    return asyncFunction2(); 
}).then(function() { 
    // This executes after asyncFunction2 completes 
});