Promise.finally() gọi hàm callback dù promise đã được giải quyết (fulfilled) hay bị từ chối (rejected). Điều này giúp chúng ta làm gì đó sau khi promise kết thúc (hoàn thành hoặc thất bại).
Dưới đây là mã cho Promise.finally() trong JavaScript:
Ví dụ
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } </style> </head> <body> <h1>Promise.finally in JavaScript</h1> <div style="color: green;" class="result"></div> <button class="btn">CLICK HERE</button> <h3> Click on the above button to know when the promise finishes </h3> <script> let btnEle = document.querySelector(".btn"); let resEle = document.querySelector(".result"); const yearRegex = /(?\d{4})/g; btnEle.addEventListener("click", () => { fetch("https://jsonplaceholder.typicode.com/users") .then((Response) => Response.json()) .then((res) => res) .catch((err) => alert("error occured")) .finally(() => (resEle.innerHTML = "Promise is finished")); }); </script> </body> </html>Kết quả
Mã trên sẽ tạo ra đầu ra sau:
Khi nhấn nút 'CLICK HERE' và chờ vài giây:
