對Angular2的承諾承諾

Question

我有非常簡單的代碼，但我無法理解它。

我有它返回當前用戶名服務

所以我做下面進入登錄網頁的用戶名和顯示。請注意當前登錄的用戶是「演示」

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

所以現在當我運行此代碼。我不this.username

得到的用戶名這是執行console.log輸出
Outside -- >undefined Inside -->demo
Shoulnd't兩種情況下，這顯示「演示」。 （內外） 爲什麼外界未定義？

請幫我理解這一點。

Answer 1

這是預期的行爲。

這是一個異步調用，後來

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

返回在此期間繼續執行此

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

當異步調用完成最終Promise執行功能

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

這是早先通過的。