एक जेनरेटर फंक्शन यील्ड कीवर्ड का उपयोग परिणाम उत्पन्न करने और लौटने के बाद भी अपनी स्थिति बनाए रखने के लिए करता है ताकि अगली बार जब इसे कहा जाए तो यह अंतिम यील्ड रन से तुरंत फिर से शुरू हो सके। जेनरेटर फ़ंक्शन के लिए प्रत्येक कॉल कॉलर को एक मान वापस भेज देगा।
जावास्क्रिप्ट में जेनरेटर फ़ंक्शन के लिए कोड निम्नलिखित है -
उदाहरण
<!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> आउटपुट
'यहां क्लिक करें' बटन पर क्लिक करने पर -
