Hàm trình tạo sử dụng từ khóa lợi nhuận để tạo kết quả và duy trì trạng thái của nó ngay cả sau khi trả về để lần sau khi nó được gọi, nó có thể tiếp tục ngay lập tức từ lần chạy năng suất cuối cùng. Mỗi lệnh gọi đến hàm trình tạo sẽ gửi một giá trị trở lại người gọi.
Sau đây là mã cho hàm Generator 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;
}
.sample {
font-size: 18px;
font-weight: 500;
}
</style>
</head>
<body>
<h1>JavaScript Generator</h1>
<div class="sample"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above buttons to call the generator function to generate some result
</h3>
<script>
let sampleEle = document.querySelector(".sample");
function* generate(num) {
yield 2 * num;
yield 3 * num;
yield 4 * num;
yield 5 * num;
}
let Gen = generate(8);
document.querySelector(".Btn").addEventListener("click", () => {
sampleEle.innerHTML += Gen.next().value + "<br>";
sampleEle.innerHTML += Gen.next().value + "<br>";
sampleEle.innerHTML += Gen.next().value + "<br>";
sampleEle.innerHTML += Gen.next().value + "<br>";
});
</script>
</body>
</html> Đầu ra
Khi nhấp vào nút 'BẤM VÀO ĐÂY' -
