Promise.finally () gọi hàm gọi lại cho dù một lời hứa đã được thực hiện hay bị từ chối. Điều này giúp chúng tôi thực hiện điều gì đó sau khi lời hứa đã bị từ chối hoặc giải quyết.
Sau đâ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> Đầu ra
Đoạn mã trên sẽ tạo ra kết quả sau -
Khi nhấp vào nút ‘BẤM VÀO ĐÂY’ và đợi vài giây -
