2023-09-20|閱讀時間 ‧ 約 23 分鐘

JavaScript 程式札記 : Promise

什麼是 Promise?

Promise 是 JavaScript 中用於非同步操作的一個物件。當你需要執行一個可能需要一些時間的操作,例如從伺服器取得資料,而你不希望整個程式都停下來等待這個操作完成,這時候就可以使用 Promise。

創建與使用 Promise

如何創建一個 Promise?

要創建一個 Promise,你只需要使用 new Promise() 的語法。這個 Promise 需要一個函數作為參數,這個函數有兩個參數:resolvereject

let myPromise = new Promise((resolve, reject) => {
// 這裡放入你的非同步操作
if (操作成功) {
resolve('成功的結果');
} else {
reject('失敗的原因');
}
});

如何使用 Promise?

當你有了一個 Promise,你可以使用 .then().catch() 來處理它的結果。

myPromise
.then((result) => {
console.log('成功:' + result);
})
.catch((error) => {
console.log('失敗:' + error);
});

同時執行多個 Promise

有時候,我們希望多個非同步操作可以同時進行,並在所有操作都完成後再進行下一步。這時,我們可以使用 Promise.all()

let promise1 = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('Promise 1 完成');
}, 1000);
});

let promise2 = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('Promise 2 完成');
}, 2000);
});

Promise.all([promise1, promise2]).then((results) => {
console.log(results); // ['Promise 1 完成', 'Promise 2 完成']
});

😊 感謝你的耐心閱讀,若是你喜歡這篇內容,可以透過以下方式表達你的喜歡 😊

❤️按個愛心|💬留言互動|🔗分享此文|📌追蹤阿梧|☕請喝咖啡

分享至
成為作者繼續創作的動力吧!
© 2024 vocus All rights reserved.