Angular2 약속에 대해 혼란 스럽습니다.

Question

매우 간단한 코드가 있지만 이해할 수 없습니다.

내가 현재 사용자 이름을 반환하는 서비스를

그래서 나는 웹 페이지에서 사용자 이름과 디스플레이를 기록 얻을 다음을 수행하고있다. 현재 로그인 한 사용자는 "데모"입니다.

this.userData.getUsername().then(value => { 
this.username = value ; 
console.log("Inside -->" + value); 
}); 
console.log("Outside -- >" + this.username); 

이제이 코드를 실행할 때입니다. 나는이 CONSOLE.LOG의 출력
Outside -- >undefined Inside -->demo
Shoulnd't 두 경우에이 디스플레이 '데모'이다 this.username

에 이름을하지 않습니다. (내부 및 외부) 외부가 정의되지 않은 이유는 무엇입니까 ??

이해해주세요.

Answer 1

이것은 예상되는 동작입니다.

이

는 비동기 호출 함수

value => { 
    this.username = value ; 
    console.log("Inside -->" + value); 
} 

에게 결국 Promise 완료 실행하면 그 동안 실행 뒷부분

this.userData.getUsername().then(value => { 
    this.username = value ; 
    console.log("Inside -->" + value); 
}); 

반환 비동기 호 여기

console.log("Outside -- >" + this.username); 

계속 인 그것은 이전에 통과되었습니다.