Angular2約束を混同した

Question

私は非常に単純なコードを持っていますが、私はそれを理解することができません。

私はので、私は、Webページ上のユーザー名とディスプレイをログに記録を取得するには、以下のやっている現在のユーザー名に

を返すサービスを提供しています。現在ログインしているユーザーは「デモ」です

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

これで、このコードを実行しました。私は、これは、両方のケースでは、この表示「デモ」
Outside -- >undefined Inside -->demo
にconsole.log Shoulnd'tの出力であるthis.username

にユーザ名を得ることはありません。 （内側と外側） なぜ外側が未定義ですか？

ご理解ください。

Answer 1

これは予期された動作です。

その間の実行は非同期呼び出しが最終的に完了するとPromiseが関数に

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

を実行し、ここで

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

続け、これは後で

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

を返す非同期呼び出しですそれは先に渡された。