জাভাস্ক্রিপ্ট জেনারেটর ফাংশন

একটি জেনারেটর ফাংশন yield কীওয়ার্ড ব্যবহার করে রেজাল্ট জেনারেট করে এবং রিটার্ন করার পরেও এর স্টেট মেইনটেইন করে, যাতে পরবর্তী কলে এটি আখিরের yield থেকে তাৎক্ষণিক রিজিউম করতে পারে। জেনারেটর ফাংশন প্রতিটি কল করলে কলারের কাছে একটি ভ্যালু পাঠায়।

উদাহরণ

<!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>জাভাস্ক্রিপ্ট জেনারেটর</h1> <div class="sample"></div> <button class="Btn">এখানে ক্লিক করুন</button> <h3> উপরের বাটনে ক্লিক করলে জেনারেটর ফাংশন কল হবে কিছু রেজাল্ট জেনারেট করার জন্য </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>

আউটপুট 

‘এখানে ক্লিক করুন’ বাটনে ক্লিক করলে −