JavaScript 程式札記 : Promise

2023/09/20閱讀時間約 2 分鐘

什麼是 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 完成']
});

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

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

51會員
82內容數
「梧笙」即「吾生」,意即我的生命,朋友都叫我「阿梧(Awu)」,高雄人。我喜歡學習新技能,從程式設計到網路工具,再到社群經營和影片剪輯。日常興趣是打遊戲、看動漫、讀小說和聽音樂。我會把這些興趣寫成文章,如果你有任何想法或問題,歡迎來信到我的郵箱 [email protected]
留言0
查看全部
發表第一個留言支持創作者!