異步打字稿到同步打字原稿

Question

postPersonalDetails(pdData){ 
let options : RequestOptionsArgs; 
let token:string; 
let id:string; 
this.getToken().then((val) => { 
    token = val; 
    console.log("I am in token func"+token); 
}); 
this.storage.get('userID').then((val) => { 
    id = val; 
    console.log(val); 
}); 
console.log("I amhere"+token+id); 

我得到在第一consoleLog和第二Consolelog數據

由於異步性質第三控制檯日誌的正在打印第一 那裏通過我得到令牌是未定義和用戶ID是undefined 這樣做的正確方法是什麼？

Answer 1

角度設置附帶core-js和Promise的填充。您可以將您的承諾與Promise.all（see MDN with a detailed method explanation）合併，然後在兩個承諾解決後繼續。

Promise.all([ 
    promise1, promise2, ... 
]) 

請記住，如果合併的承諾之一被拒絕，Promise.all拒絕。

Answer 2

下面是關於PerfectPixel提出的更多細節。

const promise1 = this.getToken().then((val) => { 
    console.log("I am in token func"+val); 
    return val; 
}); 

const promise2 = this.storage.get('userID').then((val) => { 
    console.log(val); 
    return val; 
}); 

Promise 
    .all([promise1, promise2]) 
    .then((results) => { 
    const [ token, id ] = results; 
    console.log("I am here"+token+id); 
    }); 
} 

這是一個更通用的例子。 （見BERGI的評論關於副作用的更多細節。）

const promise1 = Promise.resolve("the-token").then((val) => { 
 
    console.log("I am in token func: " + val); 
 
    return val; 
 
}); 
 

 
const promise2 = Promise.resolve("the-userID").then((val) => { 
 
    console.log("I am in id func: " + val); 
 
    return val; 
 
}); 
 

 
Promise.all([promise1, promise2]).then((results) => { 
 
    const [ token, id ] = results; 
 
    console.log("I am here: " + token + " " + id); 
 
});