資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會研究
時裝研究
法律研究如何在一個非同步函式執行完成之後執行一個函式- JavaScript
假設我們有一個由兩個元素組成的陣列，這兩個元素都是兩個非同步函式。當兩個非同步函式的執行完成時，我們需要做一些工作，例如在控制檯中列印一些內容（出於這個問題的目的）。
我們可以如何應對這一挑戰？
在某些非同步任務完成後執行某些任務基本上有兩種方法 -
- 使用promise
- 使用async/await函式
但是，當代碼包括處理許多（不止一個）非同步函式時，前者的Promise.all函式比後者更有優勢。
示例
以下是程式碼 -
const arr = [
new Promise((resolve, reject) => {
setTimeout(() => {
resolve('func1 fired!');
}, 2000);
}),
new Promise((resolve, reject) => {
setTimeout(() => {
resolve('func2 fired');
}, 3000);
})
];
const lastFunction = () => {
console.log('this function should be fired at the very last');
};
Promise.all([arr[0], arr[1]]).then((resp) => {
console.log(resp);
lastFunction();
}).catch((err) => {
console.log('something unexpected happened');
})輸出
這將在控制檯中產生以下輸出 -
[ 'func1 fired!', 'func2 fired' ] this function should be fired at the very last
更新於： 2020-09-18
2千+次瀏覽
廣告