學會這一招,讓你的購物車載入速度飆升,API 請求不卡頓!


🎯 你是否遇過這些問題?

別擔心,這篇文章會帶你 透徹理解 Promise.all,並學會 如何分批請求、控制並發數量,讓你的購物車跑起來像 F1 賽車一樣快!🏎️


📌 什麼是 Promise.all

💡 Promise.all 就像超市快速結帳櫃檯

想像你去超市買東西,結帳時如果 每個商品都要排隊結帳,那肯定等到天荒地老。但如果有個「快速通道」,能 一次處理多筆交易,是不是效率爆表?🔥

Promise.all 的概念就是這樣——

🚀 一次並行執行多個非同步任務,等所有任務都完成後,再一次返回結果!


🚀 Promise.all 在購物車的應用

✅ 情境:加速購物車載入

假設我們的購物車需要載入以下資料:

  1. 使用者資訊fetchUser()
  2. 購物車商品列表fetchCartItems()
  3. 可用優惠券fetchCoupons()